HTML multiples cours sur l'élément bouton

Je comprends que certains éléments peuvent avoir plusieurs classes:

.rfrsh-btn { 
    background-image:url(../../upload/rfrsh_nb_grey.png); 
    ... 
} 

.submit 
{ 
    font-size: 0.85em; 
    padding: 0; 
}

Ce fonctionnait parfaitement comme ID avant. maintenant je l'ai changé en classe et voilà, pas d'images.

Mais pour une raison quelconque, cet élément <button> ne semble pas vouloir s'afficher avec une image d'arrière-plan et des styles appliqués.

Y a-t-il une raison à cela? Ou suis-je codé et fait quelque chose de mal.

Je ne peux pas utiliser d'ID car il est répété plusieurs fois sur la page.

Merci à tous :)

Source

2010-08-30 Kyle

Je ne vois rien de mal avec le code HTML et CSS que vous avez publié. Qu'est-ce que vous essayez de faire, et que se passe-t-il à la place? –

Cet élément '

Juste une suggestion, mais la plupart des principaux navigateurs ont des outils de développement ou des plugins qui vous permettent de sélectionner un élément de la page et de déterminer quels styles sont ou ne sont pas appliqués. Firebug for Firefox, ou Internet Explorer Developer Toolbar sont des exemples d'outils qui pourraient vous aider à diagnostiquer le problème. – kbrimington

Il y a plusieurs raisons. Par exemple, il est tout à fait possible que votre chemin d'image ne soit pas correct. Il est à noter que les chemins dans CSS sont relatifs à l'emplacement du fichier .css, et non à la page incluse. Pour mieux comprendre ce qui se passe maintenant et dans le futur, je recommande soit de travailler avec Chrome, qui offre un bel ensemble d'outils de débogage, ou d'utiliser Firefox avec Firebug installé. De cette façon, vous pouvez inspecter vos éléments et voir quels sont les styles appliqués, chevauchés ou toutes les images que le navigateur ne trouve pas.

Pour plus d'informations: http://www.thetruetribe.com/2008/03/firebug-tutorial-getting-started/

Source

2010-08-30 13:45:32

+1 pour Firebug, je l'ai utilisé et tous les chemins d'image sont présents et corrects. Cela fonctionnait parfaitement comme une identification avant. maintenant je l'ai amené à une classe et voilà, pas d'images. – Kyle

Est-ce que l'onglet CSS révèle des styles qui se chevauchent dans le bouton, ce qui empêcherait le style de fonctionner? Ou, peut-être le vieux CSS est mis en cache? –

dans les noms de soulignement classe peuvent causer des problèmes. Essayez de renommer rfrsh_btn.

https://developer.mozilla.org/en/Underscores_in_class_and_ID_Names

Source

2010-08-30 13:44:18 Sruly

Oh come * on *! Tous les navigateurs de cette liste ont au moins 10 ans! Ce n'est pas une information pertinente. –

Intéressant, mais cela a été écrit en 2006 et je ne pense pas que ce soit encore un problème (et même cet article dit IE6 les traite bien): http://stackoverflow.com/questions/1686337/hyphens-or-underscores -in-css-et-html-identifiers – bjudson

HTML multiples cours sur l'élément bouton

Répondre

Questions connexes