28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je cherche depuis longtemps une solution à ce problème et je trouve pas. Sur mon site je met un icône de background pour indiquer à l'utilisateur que le lien sort du site. Voici le code que j'utilise :


.lienexterne{
	background-image:url(/images/lienexterne.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
}


Tout est parfait sous firefox. Ça sort bien aussi sous IE mais le problème est que lorsqu'un lien est sur deux lignes, le background reste au milieu à droite au lieu de s'aligner à droite du texte. Est-ce qu'il y a une façon de forcer le background à tenir compte d'un saut de ligne.

Voici une page avec exemple : http://dev.communautique.qc.ca/a-propos/membres.html

Merci beaucoup
Modifié par Daria (15 Jun 2006 - 15:32)
Salut, tu devrais insérer une span au bout de ton liens comme ceci :

<li>
   <a href="http://www.geocities.com/rcicm">R&eacute;seau des  
   centres informatiques communautaires 
   de la Matawinie<span class="externe">&nbsp;</span></a>(RCICM) 
   &nbsp;<br />
</li>


Bref la ligne qui affiche ton icone est celle-ci:
<span class="externe">&nbsp;</span>

Insert la juste avant de terminer ton lien. Voila, ton problème devrais être réglé.
Modifié par Zial (15 Jun 2006 - 09:10)
Super ça fonctionne, j'ai juste changé de place un &nbsp; voici donc le code


<li>
<a href="http://www.exemple.com">Lien très long&nbsp;<span class="externe">&nbsp;</span></a>
</li>

.externe{
background-image:url(/images/lienexterne.gif);
background-repeat:no-repeat;
background-position:center right;
padding-right:15px;
}


Merci beaucoup
Modifié par Daria (15 Jun 2006 - 15:47)