IE 5.0 style inline et padding-left

Bonjour,

J'ai encore un petit problème, il concerne cette fois IE5.0.

J'ai une liste à puce qui est affichée inline. A chacun des éléments de la liste une image de fond est affichée. et pour que le texte du lien ne soit pas au dessus de cette image, j'ai un padding-left afin de décaler le texte par rapport à l'image de fond.

Seulement cette méthode ne fonctionne pas sous IE5.0 qui a l'air de ne pas vouloir prendre en compte mon padding-left, et ce seulement ds les éléments inline

Exemple de ce qui foire http://beta.leregistre-fr.net/ , la partie incriminée est la liste de menu en haut de page qui contient : "Base de registre Forums d'entraide" ...

Merci d'avance
Nico

re,
peut-être encore un problème de marges différentes ?
iE 05 demande peut-être un padding supérieur aux autres navigateur, sachant qu'il ne respecte pas ma même indentation sur les listes aui départ ?

Je ne pense, meme en mettant des padding très élevés (50px ou 100px) rien ne change.

Je précise que j'ai essayé de mettre ces padding dans les liens ou directement ds les <li> mais rien n'y fait sous IE 5.0

Pour aider voici le code html :

          <div id="barremenu">
            <div id="lienmenu">
              <ul>
                <li><a href="http://zou.chezwam.info/leregistre-fr.net"><span>Base de registre</span></a></li>

                <li><a href="http://forums.leregistre-fr.net/"><span>Forums d'entraide</span></a></li>
                <li><a href="http://zou.chezwam.info/leregistre-fr.net/livre_dor.html"><span>Livre d'or</span></a></li>
                <li><a href="http://zou.chezwam.info/leregistre-fr.net/news_du_web.html"><span>News du web</span></a></li>
              </ul>
            </div>
          </div>

ainsi que la css associée :

#barremenu  {
	position:absolute;
	top:76px;
	background-image: url('Images/barre_bg.gif');
	background-repeat:repeat-x;
	width:100%;
	height:29px;
	text-align:center;
}
#barremenu ul{
	display:inline;
}
#barremenu li{
	page-break-before: auto;
	page-break-after: auto;
	list-style-type: none;
	display:inline;
	padding-left:4px;
}
#lienmenu {
	padding-top:6px;
}
#lienmenu a {
	background-image: url('Images/phpvb_bullet.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}

Ici c'est l'exemple où l'image est mise en fond dans le lien mais le problème est identique lorsque l'image est mise en fond dans le <li>

Je re-précise que seul ie5.0 me fait ce gros caprice


Si quelqu'un voit une solution, ça serait génialissime

merci d'avance
Nico

Bonjour,

je n'ai toujours pas réussi à résoudre mon problème et par conséquent je me permet de faire un petit up
Merci =)

salut,
j'avais le même problème.
la réponse est ici.
il faut mettre un height: 1px;.
ça n'a aucun effet sur un élément inline, mais IE5 apprécie.
Modifié par pablo (04 May 2005 - 18:31)