href avec une image suivie d'un texte

Bonjour,

Voilà un bout de code :

Code:

---

1 2 3 4

<a href="Page2.asp"> <img src="Images/Dossiers.gif" title="Accès aux dossiers" WIDTH="16" HEIGHT="16" border="0"> </a> Du texte ...

---

Quand je l'exécute, j'obtiens bien mon image suivie de "Du texte ...".
MAIS, entre les deux, il insère un espace souligné, comme si à l'intérieur de la balise <a> il y avait un espace derrière l'image.
De plus, quand je survole l'image, le curseur se transforme en main et le "title" s'affiche bien, et quand je survole l'espace souligné, le curseur se transforme en main mais sans afficher le "title".
Par contre, si je clique sur cet espace souligné, ça me redirige bien vers Page2.asp.

Si j'enlève "Du texte ...", il n'y a pas cet espace.

EDIT : Si je transforme mon code comme ça, le problème ne se pose pas :

Code:

---

1 2	<img src="Images/Dossiers.gif" onclick="document.location.href='Default.asp'" style="cursor:pointer" title="Accès aux dossiers" WIDTH="16" HEIGHT="16" border="0"> Du texte...

---

Quelqu'un voit où j'ai merdé ?

Merci.

Bonjour,

c'est un whitespace qui se corrige avec:

Code:

---

1 2 3

a{ font-size:0; }

---

Sinon c'est plus pertinent de placer du texte dans des balises P.

Merci de ta réponse,

J'ai modifié la balise comme ça :

Code:

---

1 2	<a href="Default.asp" style="font-size:0">

---

L'espace souligné est plus petit, mais toujours là.

Citation:

---

Sinon c'est plus pertinent de placer du texte dans des balises P.

---

Ca va me provoquer un saut de ligne. Or il me faut le lien et le texte sur la même ligne.

C'est bizarre moi j'ai plus de tiret ni sur FF ni sur Safari.
Sur Opéra je viens juste de voir ce bug effectivement.
Rajouter cela à la balise A

Code:

---

letter-spacing: -0.3em;

---

Pour la balise P une petite règle css permet de positionner correctement celle-ci.

Personnellement je ne fais plus ça aujourd'hui et ne pense pas que ce soit une bonne pratique.

Bonjour,
il s'agit bien d'un whitespace et la façon la plus pérenne et crossbrowser et de le supprimer en évitant le retour chariot après l'image.

Code:

---

1 2	<a href="Page2.asp"> <img src="Images/Dossiers.gif" title="Accès aux dossiers" WIDTH="16" HEIGHT="16" border="0"></a>

---

Mais bon sang j'étais sûr de l'avoir testée cette méthode.:aie:

Bravo @NoSmoking :ccool:

Re,

Merci beaucoup à vous deux.

Je ne vois pas comment j'aurai pu m'en sortir tellement c'est vicieux.