Discussion :

[Joe Le Mort]

bonjour a tous,

j'ai mis une classe CSS pour tous mes liens :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
a {
color:#507AC9;
font-size:11px;
text-decoration: none;
}
 
a:hover {
border-bottom:dashed #507AC9 1px;
color:#507AC9;
background-color:#e5ecf9;
}

J'ai un probleme avec un lien avec image, qui sur le Hover, montre un background coloré.


j'ai créé un css pour les liens ou je ne souhaite pas appliqué le CSS de tous les liens :

Code CSS :

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

1
2
3
4
5
6
7
a.none {
text-decoration: none;
}
 
a.none:hover {
text-decoration: none;
}

Cela ne fonctionne pas sur mon image. Que dois je faire pour avoir un lien avec une image sans CSS...?



je ne veux pas faire ceci car mon background est écrasé par celui ci ! et j'ai plusieurs couelru (tableaux, div...):

Code CSS :

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

1
2
3
4
5
6
7
8
9
a IMG{
text-decoration: none;
background-color:#FFFFFF;
} 
 
a:HOVER IMG{
text-decoration: none;
background-color:#FFFFFF;
}

[viviboss]

Sous Internet Explorer, les images "liens" sont entourés d'un liseret de la couleurs des liens définis....

Il me semble que c'est l'attribut "border" de l'image qu'il faut modifier (en faisant un "border='0'"....)

Cela dit, c'est bizzare que tes liens définis en CSS ne fonctionnent pas avec les images....

Tu fais bien :

Code :

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

1
2
 
<a id="id_css" href="chemin"><img src="chemin" alt="alt" border="0"/></a>

?

Parce que NORMALEMENT cela devrait marcher.....

[viviboss]

HAAA

Rajoute un ID ou une CLASS dans ton CSS, avec les attributs que tu veux pour tes images "liens" !!!

Ensuite, tu appel ton ID ou ta CLASS dans le lien qui contient l'image !!!

Tout est une question d'"héritage" dans ton CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
#img a:link{
attributs
}
 
#img a:hover{
attributs
}
 
etc....

Dans ta page HTML, tu appels ca :

Code :

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

1
2
 
<a id="img" href="chemin"><img src="chemin".....></a>

comme ca, tu fais une exception qui n'héritera pas des attributs parents !!!!

[trotters213]

petite précision sur ce que dit viviboss : utilise une class vu si tu as plusieurs occurences d'images "liens" ou mieux tu fais ceci dans ton CSS :

Code CSS :

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

1
2
3
4
a img {
background:none;
border:none;
}

a img permet de dire que ça ne s'applique qu'aux balises img précédées de la balise a

[Candygirl]

Si j'ai bien compris le problème, je pense que ceci devrait correspondre:

Code :

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

1
2
3
4
a.none:hover {
border-color:tranparent;
border:none;
}

[trotters213]

Si j'ai bien compris le problème, je pense que ceci devrait correspondre:

Code :

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

1
2
3
4
a.none:hover {
border-color:tranparent;
border:none;
}

Quel est l'intérêt de mettre la couleur à transparent si après tu enlèves carrément la bordure ?