Discussion :

[pc75]

Bonjour,

Voilà un bout de code :

Code :

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

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 :

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

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.

[rodolphebrd]

Bonjour,

c'est un whitespace qui se corrige avec:

Code css :

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

1
2
3
a{
font-size:0;	
}

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

[pc75]

Merci de ta réponse,

J'ai modifié la balise comme ça :

Code :

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

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

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

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.

[rodolphebrd]

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 :

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

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.

[NoSmoking]

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 :

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

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

[rodolphebrd]

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

Bravo @NoSmoking