[Résolu]Li:hover qui ne fonctionne qu'une seule fois!

Bonsoir à tous!
voilà j'ai un probleme sur une liste!
j'ai mis une image en background dans ma balise li puis une autre de teinte plus claire sur une "li:hover!
Au premier chargement de la page dans FF tout va bien mais dès que je clique sur un lien la page se recharge et au survol de la souris ma li:hover ne marche plus ,plus aucune image s'affiche!
Etant débutant je ne sais pas vraiment d'ou ça vient !

la partie css de mon menu

/*-----------MENU-----------*/

#menudr {
float: left;
width: 150px;
height: 100%;
}
#menudr ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
text-align: left;
font-size: 16px;
margin-top: 0px;
}
#menudr li {
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-image: url(/menudr.gif);
padding-left: 0px;
padding-bottom: 7px;
}

#menudr li:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-image: url(/menudrhover.gif);
background-repeat: repeat-y;
}

#menudr li a {
text-decoration: none;
color: #FF9900;
width: 140px;
padding-left: 10px;

}
#menudr li a:hover {
color: #66CCFF;
}


/*----selection FF-mozilla----*/
#menudr li:hover>a {
color: #FF9900;
}


et le html!


<div id="menudr">
<ul>
<li><a href="file:///H|/TDLMhtml/SiteTDLM2.html">Accueil</a></li>
<li><a href="file:///H|/TDLMhtml/programme.html">Programme</a></li>
<li>Pratiques</li>
<li>Liens</li>
<li>Goodies</li>
</ul>
</div>
Modifié par Alfafa (16 Feb 2005 - 14:25)

Salut et bienvenue ici,

Puisque c'est ton premier message, je t'invite à lire les Règles du forum qui t'indiqueront qu'il est préférable de baliser correctement ton code, pour faciliter la lecture à tous

Bonne continuation

#menudr li a{
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-image: url(/menudr.gif);
padding-left: 0px;
padding-bottom: 7px;
}

#menudr li a:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-image: url(/menudrhover.gif);
background-repeat: repeat-y;
}

li a:hover !!!!

Va y avoir comme un conflit entre li a:hoover et li: hoover !

Recherche dans le forum les propriétés display: block pour l'élément que tu recherches.

Pour le code l'encadrer par [code ]patati[/code]
et un lien en ligne nous aiderait parceque là pas le temps de faire du copier/coller.
Modifié par gilles6975 (16 Feb 2005 - 09:45)

@>Gilles

c'est :hover, pas :hoover (aspirateur en anglais) !

(si c'est une boutade, désolé)

@+, HoPHP

ça y est c'est résolu ,en fait ce n'etait pas un conflit entre li:hover ou li a:hover mais c'etait simplement l'adresse du lien de mon image qui déconnait!
apparement les slashs devant le nom de mon image etaient de trop, le fait de les avoir supprimés ,ça va comme sur des roulettes!merci quand même!
au fait comment je fais pour mettre [résolu]?

Alfafa a écrit :

au fait comment je fais pour mettre [résolu]?

FAQ