A:hover selecteur

Bonjour

je tombe sur un petit bug ou tout simplement une idiotie de ma part :

Je voudrais que mes liens surlignés soient souligné en point, et que mes abbr soirnt soulignés en tiret.
Mais quand une abbr est dans un lien, celle ci se surligne -en plus des tirets- avec des pointillés et je trouve pas sa super chic.

dans mon css pourtant :

a:hover {
  border-bottom: 1px dotted;
}

abbr, a:hover abbr {
  border-bottom: 1px dashed;
}

Donc est ce un bug (FF, IE, O, Saf) ?
Est ce normal (si oui pourquoi ? car j'ai du oublié un truc) ?
Y-a-t'il un hack a faire pour que ça marche ?
Modifié par Glabok (10 Jul 2008 - 11:38)

Eh bien si tu as un border sur les A, et un border sur les ABBR, et que tu places un ABBR dans un A... ben ça fait deux bordures. Pour rappel, 1 + 1 = 2.

Si tu ne veux pas de bordures pour les ABBR dans des A, il faut le dire clairement:

a:hover {
	border-bottom: 1px dotted;
}
abbr {
	border-bottom: 1px dashed;
}
a:hover abbr {
  border-bottom: none;
}

Florent V. a écrit :
Pour rappel, 1 + 1 = 2.

Justement c'est ce que je ne le savais pas.

Je croyais que 1+1= 1 (le dernier). Ou 11 comme dirais Van Damme

Merci

Edit : Après test ça ne marche pas, seul le dotted reste (c'est plus propre effectivement, mais ça n'est pas ce que je recherchais )
Modifié par Glabok (10 Jul 2008 - 11:41)

Salut,

Et ça ?

a {
	border-bottom: 1px dotted;
}

abbr {
	border-bottom: 1px dashed;
}

a abbr {
	border-bottom: none;
}

A plus !
swissboy
Modifié par swissboy (10 Jul 2008 - 19:20)

Enfin, j'ai compris ça comme ça : les liens sont toujours soulignés, abbr aussi et que l'un dans l'autre, ça les soulignait les deux. J'ai juste ?
Modifié par swissboy (10 Jul 2008 - 19:20)