Discussion :

[gFrancqu]

Bonjour !

Alors voila, je vous explique mon problème !

Sur mon menu je dois faire une lueur qui s'active au passage de la souris !

Mes liens <a> sont contenu dans un paragraphe d'id #nav :

Code html :

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

1
2
3
4
5
6
<p id="nav">
   <a>Accueil</a>
   <a>Votre magasin</a>
   <a>Nos conseils</a>
   <a>Nous contacter</a>
</p>

Enfin, dans mon css j'ajoute :

Code css :

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

1
2
3
4
5
6
7
8
9
#nav>a{
	color : #ffffff;
	font-size:130%;
	margin-left:5%;
	font-family : Eras;
}
#nav>a:hover{
	text-shadow: -1px -1px 1px #555;
}

Seulement il ne se passe strictement rien...
Quand j'utilise la propriété box-shadow, ça fonctionne mais l'ombre ne se fait pas sur le texte mais sur la boite du lien et me laisse donc un rectangle sans ombre autour du lien... Je ne sais pas si je suis très clair...

Merci de votre aide !

Cordialement,
Guillaume

[Bovino]

Tu testes sur quel navigateur ?

[gFrancqu]

chrome et firefox, ça ne fonctionne sur aucun des deux ^^

[Bovino]

Alors il n'y a pas de raison que ça ne fonctionne pas...
Peut-être un fichier mal inclus, un conflit de règles, une faute de frappe...

[rodolphebrd]

Bonjour,

peut-être qu'avec le reste du code ou une page en ligne..
Comme le dit Bovino, il n'y a pas de raison que cela ne fonctionne pas http://codepen.io/anon/pen/cKIiJ

[gFrancqu]

tout semble correct étant donné que la formule avec le box shadow marche parfaitement, vous pouvez jeter un coup d’œil ici !

j'ai laissé le box shadow pour que vous ayez un aperçu du résultat que je ne veux pas avoir ^^