Le style CSS de message flash
Que dois-je utiliser pour mon style messages flash dans mon CSS? Je n'arrive pas à changer de style. Voici le code à l'intérieur de la <body>
de ma demande de mise en page:
<div class="container">
<%= render 'layouts/header' %>
<section class="round">
<div id= "notice">
<% flash.each do |key, value| %>
<div class="flash <%= key %>">
<%= value %>
</div>
<% end %>
</div>
<%= yield %>
</section>
<%= render 'layouts/footer' %>
<%= debug(params) if Rails.env.development? %>
</div>
L'original CSS a été quelque chose comme cela, mais il ne fonctionne actuellement pas.
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
Quel est le CSS? Et qu'est-ce que le code HTML généré en sortie?
posté le CSS...
Pour le HTML et le CSS que vous utilisez, cela devrait fonctionner. Êtes-vous sûr que vous êtes, y compris le fichier CSS dans votre tête? Si c'est les Rails tutoriel, vous devez avoir
Inspecter le code HTML et de s'assurer que les noms de classe que vous attendez.
Utiliser FireBug (ou IE 8 developer tools) pour vérifier que le navigateur pense CSS, il était censé s'appliquer (et pourquoi).
posté le CSS...
Pour le HTML et le CSS que vous utilisez, cela devrait fonctionner. Êtes-vous sûr que vous êtes, y compris le fichier CSS dans votre tête? Si c'est les Rails tutoriel, vous devez avoir
render 'layouts/stylesheets'
un peu plus loin dans votre mise en page, qui devrait à son tour stylesheet_link_tag 'blueprint/screen', :media => 'screen'
(en app/views/layouts/_stylesheets.html.erb
). Voir ici et ici (même si je suis en utilisant Haml).Inspecter le code HTML et de s'assurer que les noms de classe que vous attendez.
Utiliser FireBug (ou IE 8 developer tools) pour vérifier que le navigateur pense CSS, il était censé s'appliquer (et pourquoi).
OriginalL'auteur Justin Meltzer | 2011-03-04
Vous devez vous connecter pour publier un commentaire.
Ajouter une règle pour les parents div avec l'id avis:
Ou ajouter une règle pour enfant divs:
L'enfant div des erreurs conteneur a plusieurs classes séparées par des espaces.
flash
est l'un d'entre eux. Ainsi, vous pouvez ajouter une règle CSS pour la classe, et il va fonctionner.Regardez ici pour d'autres exemples: Les fonctions cachées de CSS
Meltzer - pouvez-vous donner un code HTML brut de sortie de la div en question, pas de Rails de code?
Il n'est pas utile. Il montre juste un div avec du texte à l'intérieur et à l'id
notice
Voici tout mon code: github.com/meltzerj/sample_appOriginalL'auteur Nikita Barsukov
Ressemble le CSS appels pour une classe
.notice
, mais la div a une identité au lieu.MODIFIER
Vous pouvez ajouter un test conditionnel autour de la div:
<div class="flash <%= key %>"><%= value %></div>
, pas la ligne du dessus.Ok, ok! Ce qui, je dois effectivement lire les questions maintenant? Sheesh.
Pourriez vous s'il vous plaît supprimer cette réponse à donner plus de visibilité à la question? Thx
Tilley - élément racine de cette div a ID avis
Je ne suis pas sûr de ce que vous entendez par l'élément racine, mais c'est le problème: Le CSS n'est pas de répondre à la flash ou <%= key %> classes, mais il est de répondre à l'avis de l'id. Malheureusement, si j'ai le style avec l'avis de l'id, certains style semble que devrait être dépend si il y a un message flash ou pas. Comment puis-je résoudre ce problème
OriginalL'auteur zetetic
Dans votre fichier css de type:
OriginalL'auteur Rasool