28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je pense que le sujet a déjà été discuté, mais j'arrive plus à remettre la main dessus. Smiley confused

Voici un code qui permet lors du survol à mettre des tirets sous le lien. Cela fonctionne très bien avec Firefox, mais nullement avec IE. Y a t-il une solution ? Merci pour vos suggestions. Smiley smile


La CSS:
a{
text-decoration: none;
 }
 a:hover{
 color: red;
 }
 span:hover{
 border-bottom: 1px dashed #FF9900;
 }

La balise:
<a href="#"><span>La moutarde monte</span></a>
bonjour,

j'ai un peu bidouillé ton code et ça fonctionne :

css :


a{
text-decoration: none;
}

a:hover{
color: red;
border-bottom: 1px dashed #FF9900;
}



html :


<body>
<a href="#">La moutarde monte</a>
<p>aa</p>
</body>
Bonjour à tous,

Merci de vos réponses, mais cela ne fonctionne pas. Sous firefox, y a pas de soucis, mais sous IE6 et Même IE7 cela n'a pas d'impact. Pas de soulignement, sauf si je met la balise "a" en bloc.

C'est pour cela que j'utilise "span:hover". Je croyais ce problème résolu avec IE7.

Donc pas de solution si je comprends bien. Smiley decu