bug avec les images

Bonjour à tous,

comment faire pour enlever les petits tirets qui apparaisse a coté des images possédant une bordure et ayant également le role de lien vers une autre page ?

Je précise avec le code :

Code:

---

1 2 3

<a href="http://<? echo $tab_list['SiteWeb']; ?>"> <img src="../../images/logo-indisponible.gif" width="75" height="75" align="absmiddle" border="1" style="border-color:#0884A2;" /> </a>

---

fait apparaitre un petit tiret qui disparait lors du passage de la souris.

Est ce dans le css ?

Merci d'avance

il te suffit de rajouter ça dans ta feuille de style css :

Code:

---

1 2 3 4

a img { border: none; }

---

Tu peux déja commencer par mettre un border=0 a ton image...


@+
cadou

Salut,
j'ai essayé ta solution et ca m'enlève tout le cadre (que je souhaite garder) et ca me laisse le petit tiret :?

Edit : Je me suis mal exprimé. Je souhaiterais avoir le border mais ne pas avoir le petit tiret qui apparait a coté de l'image.

Essaie de mettre sur l'image :

Code:

---

display:block;

---

Salut,

Si quand tu parles de passage de la souris, il s'agit en fait du moment où tu cliques dessus, il te faut, je pense redéfinit la propriété outline.

Code:

---

1 2 3 4

a:active { outline: none; }

---

Je te conseille quand même de définir un style pour cette pseud classe, car sinon, cela sera compliqué pour les utlisateurs qui souhaite naviguer dans ton site avec le clavier.
Par exemple:

Code:

---

1 2 3 4

a:active img { border-color: #une_autre_couleur; }

---

Merci a tous pour vos réponses !
J'ai essayé celle de Bisûnûrs et ca marche.
A+

Pour explications : Les deux tirets venaient du fait que dans ton code tu allais à la ligne pour mettre ta balise img dans la balise a, ce qui créait un espace souligné de chaque côté de ton image.