images cliquables

[Langellier]

Bonjour

Avec une feuille de style il est possible de changer la couleur d'un lien (visité, non visité...) : (voir code1)
Avec la plupart des navigateurs ce changement de couleur concerne aussi les images cliquables qui ont une bordure. Mais voilà, avec Internet explorer sur PC (soit + de 90% des internautes) ces images cliquables sont obligatoirement affublées d'un horr...rible bleu foncé.
Du coup je me vois obligé de supprimer la bordure par (voir code 2)

(1)
a:link{color:#FFFFFF}
a:visited{color:#FFCC99}
a:hover{text-decoration:none;color:#FFFF00}
(2)
img{border:none}

Qqn peut-il me dire comment je pourrais garder ce magnifiqe effet au passage du curseur sur les images cliquables ... y compris sur "winie" ? Merci

 

[Anonyme]

Pourquoi pas essayer avec les rollover ???
A+

 

[sylver]

Si j'ai bien compris, tu veux que tes images cliquables soient vierges de toute bordure, sauf quand tu passes le curseur par-dessus, c'est ça ?

Dans ce cas, il faut mettre la bordure à 0 par défaut, et en rajouter une quand tu passes le curseur dessus. Ce code devrait marcher :

img {border:none;}
img:hover {border: 3px solid red;}

Ceci va ajouter une bordure rouge de 3 pixels d'épaisseur à ton image lorsque le curseur passera dessus, mais il n'y aura rien lorsque le curseur est ailleurs.

 

[Anonyme]

Si tu utilise des liens :

}
.img {
border:none;
}
img:link {
border: 2px;
border-color: #00ff00; (vert)
}
img:visited {
border: 1px;
border-color: #0000ff; (bleu)
}
img:hover {
border: 3px;
border-color: #ff0000; (red)


tu peux toujours tester

 

[Anonyme]

Si tu utilise un script Javascript avec onMouseOver="img1" onMouseOut="img2" ... ça peut le faire non ? si img1 et une image qui fait liens ou inversement .

http://www.allhtml.com/javascript/javascript505.php


:heu: :zen: