Problème de sélecteur ( :hover et compagnie)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de sélecteur ( :hover et compagnie)

El_gringo

Salut à tous,

je me met doucement à l'utilisation des CSS dans la "dynamique" d'une page, et je me retrouve confronté au pb suivant : je cherche à faire une menu. Un pictogramme différent est affiché à un emplacement fixe, selon la rubrique survolée.

code html :

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a id="current" href="/presentation.html">_PRÉSENTATION</a></li>
<li><a href="/competences.html">_COMPÉTENCES</a></li>
<li><a href="/formation.html">_FORMATION</a></li>
<li><a href="/experience.html">_EXPÉRIENCE</a></li>
<li><a href="/complements.html">_COMPLÉMENTS</a></li>
<li id="picto">Mon picto (à venir)</li>
</ul>
</div>

css :

#picto {
background-color: #5FA941;
}

#navcontainer li a:hover #picto {
background-color: #f00;
}

#navcontainer li a#current:hover #picto {
background-color: #0f0;
}

ça ne fonctionne pas, bien sur, sinon je n'serais pas là ! ;-)
Donc, si quelqu'on voyait pourquoi ça ne marche pas, voire avait une soution, ce serait merveilleux !

EDIT : heu, le problème, ce serait pas que "#navcontainer li a:hover #picto" désigne en fait :
- balise ayant un identifiant "picto"
- CONTENUE dans une balise <a survolée
- CONTENUE ...
vu comme ça, ça ne peut pas marcher mon truc !

Message édité par El_gringo le 01-02-2006 à 02:19:10

---------------
Les Vers Solitaires, on aime ... ou pas !

Publicité

flo850

moi je

a ta place, je le ferai en javascript avec qq chose du genre

Code :

<li><a href="/complements.html" onMouseOver="document.getElementById('picto').style.background-color='#0F0'"> BLABLABLA</a></li>

---------------

El_gringo

Mouais. J'y ai pensé. C'est moins clean, ça ne marchera pas si Javascript est désactivé, mais c'est tellement plus simple. Et quelque part, je trouve ça plus propre de rajouter un élément de liste, plutôt que mettre des span après chaque élément, comme ici.

Au passage : si je fais ça en javascript, il va falloir que je précharge mes pictogrammes (le chagement de couleur c'était du blug, en fait c'est un changement d'images que je fais), qqn peut me rappeler comment on fait ça ?

Message édité par El_gringo le 01-02-2006 à 09:08:36

---------------
Les Vers Solitaires, on aime ... ou pas !

El_gringo

Quoi que, c'est peut être pas si mal de faire ça :
http://www.meyerweb.com/eric/css/e [...] demo2.html

---------------
Les Vers Solitaires, on aime ... ou pas !

El_gringo

Mais le positionement en absolute, j'aime pas ça ! Dès qu'on veut bouger le moindre truc, 'faut tout changer !

---------------
Les Vers Solitaires, on aime ... ou pas !

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de sélecteur ( :hover et compagnie)

Sujets relatifs
probleme affichage image	Opengl - Light &Normales+ [edit] probleme de math
problème variables de session sur site free	probleme lien audio
problème de chemin ?	Probleme avec jdk et Jedit
probleme formulaire de contact "bouton envoyer"	probleme eclipse (+plugin SOA, worflow pi4soa)
[ORACLE] petit problème avec les procédures..	[ problème avec la librairie gd ] transparence et miniatures
Plus de sujets relatifs à : Problème de sélecteur ( :hover et compagnie)

Page générée en 0.027 secondes