6
votes

CSS Style de message Flash

Que dois-je utiliser pour styler mes messages flash dans mon CSS? Je n'arrive pas à changer de coiffage. Voici le code pertinent dans le de ma disposition de mon application: xxx

Le CSS original correspondant était quelque chose comme ça, mais cela ne fonctionne pas actuellement. xxx


11 commentaires

Comment est le CSS? Et quelle est la sortie HTML générée?


Pour le HTML et le CSS que vous utilisez, cela devrait fonctionner. Êtes-vous sûr que vous incluez le fichier CSS dans votre en-tête? Si c'est le didacticiel des rails, vous devriez avoir rendu 'mises en page / feuilles de style' un peu plus loin dans votre mise en page, qui devrait à son tour avoir stylesheet_link_tag 'blueprint / écran',: média => 'écran ' en elle (dans app / vues / mise en page / _stylesheets.html.erb ). Voir ici et ici (Bien que J'utilise Haml).


Oui, c'est le CSS de Blueprint et je comprends certainement le fichier CSS. Je ne sais pas pourquoi le style ne fonctionne pas tout à coup, mais il doit avoir quelque chose à voir avec le rendu Ajax que je viens de mettre en œuvre pour cela.


Inspectez le HTML et assurez-vous que les noms de classe que vous attendez sont définis.


Pourrait-il avoir quelque chose à voir avec le

J'ai ajouté autour du bloc de sorte que l'AJAX ait un identifiant sur getElementyid ?


Utilisez Firebug (ou des outils de développement d'IE 8) pour vérifier ce que le navigateur pense que CSS était censé appliquer (et pourquoi).


Peut-être que la clé est l'impression comme un symbole, essayez "Key.Te_s" au lieu de "touche"


Ceci est probablement insignifiant, mais essayez de vous débarrasser de l'espace entre id = et "avis"


Bon voici ce qui se passe. Le CSS ne répond pas au flash ou <% = key%> classes, mais il répond à l'avis . Malheureusement, si je styte avec la notice ID , un style apparaît qui devrait dépendre s'il existe un message flash ou non. Comment puis-je réparer cela?


Pourquoi postez-vous cette question deux fois? Stackoverflow.com/questions/5197677/weird-css-conundrum


Parce que littéralement personne n'a été capable de comprendre cela, alors une fois que je fais une petite marge de manœuvre sur la question, je souhaite poster la question à nouveau avec mes nouvelles informations. Personne sur Ainsi n'a été significativement utile avec cette question et tout le monde semble mal comprendre.


3 Réponses :


0
votes

On dirait que les CSS appelle à une classe .notice , mais la div a une carte d'identité à la place.

modifier

Le CSS ne répond pas au flash ou <% = key%> classes, mais c'est répondre à l'identifiant de l'avis. Malheureusement, si je styte avec le AVIS ID, un style apparaît que devrait être dépendant de savoir si est un message flash ou non. Comment puis-je réparer ceci

Vous pouvez ajouter un test conditionnel autour de la DIV: xxx


5 commentaires

Le code en question est le suivant:

<% = Valeur%> , pas la ligne au-dessus de celle-ci.


D'accord d'accord! Quoi, je dois réellement lire les questions maintenant? Sheesh.


Pourriez-vous supprimer cette réponse pour donner plus de visibilité à la question? Merci


@Brandon tilley - élément racine de cette div a l'avis d'identification


Je ne suis pas sûr de ce que vous entendez par élément root, mais c'est le problème: le CSS ne répond pas au flash ni à <% = key%> classes, mais il répond à l'ID de notification. Malheureusement, si je style avec l'ID de notification, un style apparaît que devrait dépendre s'il y a un message flash ou non. Comment puis-je réparer cela



3
votes

ajoutez une règle pour parent div avec l'avis d'identification: xxx

ou ajouter une règle pour enfants divs: xxx

l'enfant DIV DIVER Conteneur contient plusieurs classes séparées par des espaces blanche. flash est l'un d'entre eux. Ainsi, vous pouvez ajouter une règle CSS pour cette classe, et cela fonctionnera.

Regardez ici pour plus de tels exemples: Caractéristiques cachées de CSS


3 commentaires

Bon voici ce qui se passe. Le CSS ne répond pas au flash ni à <% = Key%> classes, mais il répond à l'ID de notification. Malheureusement, si je style avec l'ID de notification, un style apparaît que devrait dépendre s'il y a un message flash ou non. Comment puis-je réparer cela


@Justin Meltzer - Pouvez-vous donner une sortie HTML RAW de la DIV en question, pas de code rails?


Ce n'est pas utile. Il montre simplement une div avec le texte à l'intérieur et l'identifiant Voici tout mon code: Github .com / meltzerj / sample_app



0
votes

Dans votre type de fichier CSS:

.alert-success {
    dosomestyling;
}

.alert-danger {
    dosomestyling;
}


0 commentaires