[Résolu] Img background sur <a> avec retour à la ligne : pb IE

Bonjour à tous,

Pour indiquer la nature des fichiers à télécharger dans les liens j'utilise cette solution qui a l'avantage de fonctionner avec IE (enfin presque) :

a.lien_pdf {
padding-right: 26px; background: url(pdf_icon.png) no-repeat 100% 0.5em;
}

Le problème avec IE6 (win XP) c'est lorsque l'url est affichée sur deux lignes, le padding est bien pris en compte à la fin du texte de l'url, mais l'image de fond s'affiche en fait à droite en fin de ligne (là où il y a le passage à la ligne).
Y-a-t-il un moyen pour contourner ce problème ?

Merci.
Modifié par zyzomys (28 Aug 2006 - 16:36)

En déterminant le background-position (top left) ?

La position est déjà déteminée par 100% 0.5em

Merci pour la réponse.
Effectivement je n'avais pas pensé à la perte d'information qui en résulte pour certains navigateurs.
Je vais donc mettre l'image dans le code html.

Bonjour à tous,

il se trouve que j'ai le même problème; je spécifie la nature du lien entre les balise <A> et </A>, et j'aimerai agrémenter le site par l'ajout d'une image (genre flèche); la perte de cette information (l’image) est sans grande importance, et dans ce cas, je pense que cette solution est acceptable, d'autant que le code est simplifié (pas objet HTML IMG).

Solution qui fonction avec Mozilla et Safari, mais pas avec IE si le lien est sur plusieurs lignes.

Mon code HTML est du type :
<A CLASS="nav" HREF="file.html" TARGET="Main">lien</A>
CSS :
A.nav:link, A.nav:visited {
background-image: url(/nav.gif); /*image 16x16*/
background-repeat: no-repeat;
background-position: 1px 1px;
padding: 2px 2px 2px 18px;
text-indent: 0px;
display: in-line
}

Une solution ?

Merci

PS : étant grand débutant, merci d’être indulgent
PS Bis : bravo pour votre site

Bonjour pop et bienvenue sur ce forum,


Je t'invite à ouvrir un autre sujet pour poser des questions. Ce dernier étant, de plus résolu, il y a peu de chances que les réponses affluent.

Si ta question a un rapport avec ce topic, il te suffira de mettre un lien vers ce dernier dans ton post.

Enfin, comme indiquée dans les règles du forum que je t'invite à lire pour te familiariser avec nos usages, merci d'encadrer ton code dans les balises code prévues à cet effet