Discussion :

[mimmolette]

Bonjour, mon site est www.services-immo.net.

Mon problème est le suivant :

Au passage de la souris sur les onglets, le texte disparaît si le pointeur n'est pas exactement positionnée dessus.

Je souhaiterait que le texte soit apparent dès lors que la souris est positionnée sur n'importe quelle partie de l'onglet.

Malheureusement, je ne trouve pas la solution.

Merci si vous avez une réponse.

La feuille de style est ici

[Atomya Rise]

Je pense que ton soucis viens du hover.

Il me semble que tu l'applique sur le "a" or, il me semble qu'il serais mieux de l'appliquer sur le <li> afin que tout sois pris en compte.

Ton css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
.navigation li a:hover {outline: none;COLOR:black; }
.navigation li:hover {outline: none;BACKGROUND-COLOR:white }

ce que je propose

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.navigation li:hover {outline: none;BACKGROUND-COLOR:#ffffff;color:#000000 }

[mimmolette]

Bonjour, merci pour ta proposition mais elle ne fonctionne pas.

L'effet produit est qu'au passage de la souris tout est blanc, même le texte lorsque le pointeur est dessus.

[Atomya Rise]

Si c'est au passage de la souris, alors c'est bien sur le hover qu'il faut travailler.

Montres-nous ton html ainsi que le css de ton menu.

[Candygirl]

Hello,

Tel que ton menu est construit, tu dois rajouter que le lien change de couleur sur le :hover du li et pas que celui du a:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.navigation li a:hover,.navigation li:hover a {outline: none;COLOR:black; }