Aller au contenu

Sujets conseillés

Posté (modifié)

Je pense que ce probleme dois etre assez simple.

J'ais des images servant de liens.

quelles sont les caracteristiques CSS que je dois utiliser pour determiner la couleur de la bordure entourant l'image et l'hoover de cette bordure ?

J'ais modifié les liens:

a{color:#000000;}

a:visited {color: #000000;}

a:hover {color: #FF0000;}

a:active {color: #000000;}

Mais le cadre de l'image reste toujours le meme... :huh:

et si je fais:

img{border:1px; border-color:#000000; border-style:solid;}

Mon cadre est de la bonne couleur mais je n'ais pas d'hover....

Modifié par furious Gontran
Posté (modifié)

Salut,

Avec l'attribut "color" tu définit la couleur des liens et non la bordure.

Il faut utiliser la propriété "border" dans

a,a:visited,a:active{border: 1px solid #000000;}
a:hover{border: 1px solid #FF0000;}

Attention cela affecte tous les liens, tu ferais bien de limiter ces règles à, par exemple, un <div> ou tu places toutes tes images :

div.galerie a,div.galerie a:visited,div.galerie a:active{border: 1px solid #000000;}
div.galerie a:hover{border: 1px solid #FF0000;}

Le :hover sur une <img> ne fonctionne pas sous Internet Explorer, donc tu est obligé de passer par un lien.

Modifié par TheRec
Posté

Dites moi, je me pose une question...

Ca ne marcherait pas ça ?

a img{border:1px solid black}
a:hover img{border:1px solid red}

Y'aurait pas besoin des Div... Mais je ne suis pas sûr du tout que ça marche, j'ai pas essayé !

Posté (modifié)

J'aurais plutôt dit

img a { border: 1px solid #000;}
img a:hover { border: 1px solid #f00; }

Je dis çà sans rien avoir testé, j'ai pas le temps là tout de suite.. mais çà devrait le faire..

[edit]

Oups ne pas tenir compte de ce post, Xavier a raison.. je suis complètement à la ramasse sur ce coup-là :blink::fou: Mille excuses :blush:

[/edit]

Modifié par Dudu

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...