Discussion :

[Nasky]

Bonjour

J'ai une image que j'ai mis en lien. Alors ne vous inquiétez pas, je ne vais pas vous demander comment supprimer la bordure bleue, ça j'ai fait avec :

Code :

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

a img { border: none ; }

Ensuite, dans mon fichier de style, j'ai défini tous les liens avec, lors du passge de la souris, une couleur.

Code :

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

a:hover { background-color: blue ; }

Le problème, c'est que lors du passage de la souris sur l'image en lien, cette couleur de fond apparaît... J'ai alors, après, rajouté dans le fichier de style la ligne :

Code :

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

a:hover img { background-color: red ; }

pour voir si ça change de couleur. Et non, c'est la couleur "blue" qui reste active. N'y a-t-il pas une solution pour changer la couleur de fond que pour les liens image? C'est bizarre que mon code ne change rien alors que pour enlever la bordure, ça a bien marché...

EDIT : je viens d'y réfléchir. Mon code n'a pas de sens car il parle du fond de l'image et non du lien. Donc c'est normal que ça ne marche pas. Mais alors comment faire? Faut-il définir un div, par exemple "image" et dans les styles je fais :

Code :

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

.image a { background-color: red ; }

puis dans le code HTML :

Code :

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

<div class="image"><a href="..."><img src="..."/></a></div>

???

Nas'

[Kerod]

Tu peux effectivement faire ca et surtout faire le

Code :

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

text-decoration:none

[blueice]

Si tu as beaucoup d'images à "traiter", tu peux définir les liens pour les images dans un div spécifique. Exemple si tu veux traiter les images dans le menu, tu declares des propriétés spécifiques aux images dans le div "menu".

[Nasky]

Ok c'est ce que je pensais. Par contre, le text-decoration n'a aucun effet sur l'image
Je testerai plus tard pour voir si ça marche. Je mets en [résolu] pour l'instant, merci

Nas'

[Kerod]

Le text-decoration ne peut avoir de l'effet sur l'image vu qu'à la base elle est pas souligné. Mais que sur le lien. Si ca marche pas c'est qu'il doit avoir un conflit de css.

Au pire mets nous une jolie image pour voir le résultat