[resolu]Bordure sur les liens mais pas sur les liens sur les images

Bonjour !

Avec ceci j'affiche donc une bordure en survolant un lien.

a:hover {border-bottom: 1px dashed #0070b8;}

Mais sur un image, ça ne fait pas terrible.
Je voudrais donc supprimer cette effet quand le lien s'applique à une image.
Est-ce possible sans avoir à créer de classe suppélementaire ?

J'ai bien essayé ceci :

img a:hover {border-bottom: 0px;}

mais ça ne semble pas fonctionner.

Merci d'avance
Modifié par Graph-Site (25 Jan 2007 - 12:17)

Bonjour,
peut-être simplement en faisant:

a img {border:0 none;}

Bonjour,

On ne peut pas annuler la bordure de la boîte parent (le lien) en agissant sur la propriété border ou sur le :hover de la boîte enfant (l'image)

Il faut attribuer une classe spécifique aux liens ne contenant qu'une image (les sélecteurs avancés qui permettraient de l'éviter n'étant pas suffisamment implémentés dans les navigateurs actuels).

Hello,

Graph-Site a écrit :
J'ai bien essayé ceci :

img a:hover {border-bottom: 0px;}

mais ça ne semble pas fonctionner.

Normal, le sélecteur "img a:hover" vise les liens à l'intérieur d'une image, ce qui n'est je l'espère pas ton cas.

mich a écrit :
peut-être simplement en faisant:

a img {border:0 none;}

Le problème est que la bordure est sur les liens.

A mon avis, la seule façon de s'en sortir est d'ajouter une classe aux liens qui contiennent une image :

[b]HTML[/b]
<a href="pouet" class="lienImg"><img src="pouet.jpg" alt="Pouet" width="50" height="50" /></a>

[b]CSS[/b]
a.lienImg:hover {border: 0;}

Ou un truc comme ça...

<edit>Grillé...</edit>
Modifié par Julien Royer (25 Jan 2007 - 11:50)

merci les gars !!!

pas le choix donc, je n'ai plus qu'à créer uen classe en plus ^^

Graph-Site a écrit :
merci les gars !!!

Pas de problème.

Merci de prendre quelques minutes pour t'occuper du nombre impressionnant de sujets que tu as laissés à l'abandon (sans le flag [résolu]), ça permettra aux personnes qui font des recherches sur le forum de trouver plus facilement des solutions.
Modifié par Julien Royer (25 Jan 2007 - 12:18)

j'allais critiquer le "impressionnant", mais bon à les rajouter, c'est vrai qu'il devait en avoir une petite 15aine

désolé

Laurent Denis a écrit :
les sélecteurs avancés qui permettraient de l'éviter n'étant pas suffisamment implémentés dans les navigateurs actuels

Bonjour

Quels sélecteurs pourraient le permettre un jour ?
J'avais déjà regardé dans le module CSS3 sur les sélecteurs, mais rien ne semble convenir.

Il en faudrait par exemple du type :

E < F /* Un élément F parent d'un élément E */

ou comme la pseudo classe :contains("foo"), mais concernant les éléments et non le texte.

Mais rien n'est apparemment prévu dans ce sens
Modifié par Alan (25 Jan 2007 - 13:20)