Discussion :

[Fikou-Sama]

Salut..

J'ai un problème avec la balise <a></a>, je veux mettre une image comme lien vers une autre page, alors j'ai fait ;

Code :

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

1
2
 
<a><img src=""></img></a>

mais le problème c'est que cette image est entouré par un cadre bleu, j'ai essayé de l'attribuer une couleur transparent dans le css alors j'ai fait

Code :

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

1
2
3
4
5
 
.link_transparent{
text-decoration:none;
color:transparent;
}

Code :

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

1
2
 
<a class="link_transparent"><img src="..."></img></a>

mais ça marche pas dans IE alors que ça marche parfaitement sur FireFox

[sabotage]

Et comme ca ?

Code :

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

1
2
3
.link_transparent{
border : 0
}

[Fikou-Sama]

non ça ne marche pas même avec FireFox .. !

[cssman]

Code :

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

1
2
 
img {border:0}

[jeremya]

J'ai un problème avec la balise <a></a>, je veux mettre une image comme lien vers une autre page, alors j'ai fait ;

mais le problème c'est que cette image est entouré par un cadre bleu, j'ai essayé de l'attribuer une couleur transparent dans le css
mais ça marche pas dans IE alors que ça marche parfaitement sur FireFox

As-tu essayé d'attribuer none à la propriété border :

Code :

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

1
2
3
.link_transparent {
  border : none
}

[Fikou-Sama]

border:none ne marche pas non plus.

où dois je inserer : (ça ne me parait ni id ni class)

Code :

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

1
2
 
img {border:0}

[jeremya]

Par défaut, IE affiche une bordure bleue autour des images utilisées comme lien.
Pour ne pas voir cette bordure, il faut indiquer qu'on ne veut pas de bordure autour de l'image. Cela se fait en assignant 0 ou none à la propriété border.

où dois je inserer

Code html :

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

<a href="..."><img src="..." /></a>

Code css :

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

1
2
3
a img {
  border: none;
}

ou

Code css :

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

1
2
3
a img {
  border: 0;
}

La syntaxe "a img" permet d'appliquer le style à la balise img enfant de a.

[Fikou-Sama]

Merci beaucoup.. ça marche