28173 sujets

CSS et mise en forme, CSS3

Bonjour,

voici mon soucis :
upload/5827-ong.jpg

Le décallage semble intervenir lorsque la longueur de l'onglet (qui est variable en fonction de la taille du libellé) est impaire Smiley eek Smiley eek

Si je rajoute une lette au libellé de l'onglet, le décallage disparait. J'ai essayé plein de trucs, mais rien à faire...

code :


<li>
<div>
	<img src="images/po/cornerHG.gif" alt="" class="onglet_coinG" />
	<img src="images/po/cornerHD.gif" alt="" class="onglet_coinD" />
</div>
<a href="#">Contacts</a>
</li>



li
{
float:left;
white-space:nowrap;
}

div
{
position:relative;
}

.onglet_coinG
{
position:absolute;
top:0;
left:0;
}

.onglet_coinD
{
position:absolute;
top:0;
right:0;
}


Si quelqu'un a déjà recontré ce problème...

Merci
Merci pour ta réponse,

En fait le point délicat c'est que la longueur de l'onglet doit dépendre de la longueur du libellé, je ne peux donc pas assigner de layout sur le <li>, via la propriété zoom. Celle-ci marche bien, mais la longueur du <li> passe à 100%