Bonjour !
 
J'ai un problème avec ces id... Je ne m'y retrouve pas vraiment
 
Deux CSS sont liées à ma page html. Elle contiennent en fait uniquement les définitions pour les effets de rollover (10 au total).
 
Dans chacune j'ai défini un

donc chaque fois qu'une de ces images est cliquée je passe à

 
et visiblement il prend uniquement un des deux (celui de la deuxième CSS). Comme les tailles des images ne sont pas identiques l'affichage est immonde.
 
Comment faire

Hum, pourrait-on avoir un peu plus de détail sur le code?  
De tête j'ai pas trop d'idée mais en voyant plus de détails sur la page incriminée peut-être que...
 
Sinon tu as validé tes CSS ? Une erreur de syntaxe peut conduire le navigateur à ignorer tout ce qui suit dans la CSS, ça peut venir de là.

 
je suis pas très balaise en CSS, mais c'est pas plutot:

???

Possible. Mais le mien fonctionne aussi, le problème est que la navigateur ne fait pas la différence entre les deux a#current, et donc applique les mêmes propriétés aux deux éléments current.

Tous valides

 
Il y a un ordre de priorité bien définit pour savoir quel style sera appliqué.
 
Je recherche où j'ai vu ça et je poste le lien...

J'ai plusieurs div comme ceci, dans ma première CSS:

 
Ensuite j'ai

 
Dans ma seconde CSS:

et de même

Et donc quand j'ai deux

et

sur la même page il applique les propriétés du current de la deuxième CSS dans les deux cas ! Donc mon background se déplace trop. C'est la le problème.
 
Enfin j'ai résolu le problème en définissant un style pour chaque menu courant, ça passe.
 
Si quelqu'un a néanmoins une idée

Dans le cas des CSS importée (via <link> ), si la même propriété est définie à plusieurs endroits, c'est la dernière définition qui est appliquée.
 
Specs CSS1

Merci ! C'est bien ce qu'il me semblait... Faut donc juste que je donne un autre nom pour le current no.2, genre current2 ?
 
Ou bien définir un style pour chaque image dans le html. Pas très beau tout ça

 
Errr tu avais plusieurs éléments avec l'id current ?
 
Par définition un id est unique sur une page (tu ne peux pas avoir 2 element avec le même 'id').
Par contre plusieurs éléments peuvent avoir le même 'name'

Oups oui, je pensais juste qu'il s'agissait d'un div aux propriétés particulières qui héritait d'un div particulier
 

Hum, un ID est un identificateur unique d'un élément du code (x)html particulier, c'est illogique d'avoir deux fois le même id pour deux éléments d'une même page
 
Par ailleurs, pour la raison sus-citée, il est beaucoup plus efficace d'accéder à un id par
 
#id
 
que par
balise#id
 
dans la mesure ou l'ID est unique, il sait ou le trouver et la précision de balise non seulement est inutile mais ralentit le traitement
 
Pour analogyser, l'ID est une plaque d'imatriculation alors que les classes sont les modèles/types(3/4/5 portes, break/berline/monospace)/motorisation(V6, 16S, biturbo) etc etc

c'est pour ça que son CSS était peut etre valide, mais sa page HTML ne devait pas l'etre.
Le validateur WC dans ce cas te sort une erreur en te disant que 2 éléments ont le meme ID (je sais paske j'ai déjà fait cette erreur quand je me suis mis au CSS)

Exact, si on a besoin de plusieurs "id" faut utiliser les classes (attribut "class" ; sélecteur "." )