28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une liste a puce multi niveau et je cherche a les afficher tous horizontalement. Mon code fonctionne sous firefox mais ne s'affiche pas de la même manière sous IE(les ul imbriqués s'affichent sous les li). Une petit idée du problème ? merci.

#nav{
margin:0;
padding:0;
}

#nav li{
float:left;
display:block;
width:auto;
padding-right:5px;
}

#nav ul {
/*display:none;*/
list-style-type:none;
float:left;
width:auto;
margin:0;
padding:0;
}

Modifié par ArnaudG (18 Sep 2008 - 18:02)
Bonjour,

Code CSS à vue de nez incomplet, code HTML absent. Ça va être dur de répondre. Une page en ligne, peut-être?
Modifié par Florent V. (17 Sep 2008 - 22:44)
le code html :

<ul id="nav">
<li>un lien</li>
<ul>
<li>un lien</li>
<li>un lien</li>
<li>un lien</li>
</ul>
<li>un lien</li>
<ul>
<li>un lien</li>
<li>un lien</li>
</ul>

pour le code css tout y est.
Salut,

ton code est invalide : un élément UL ne peut avoir comme descendant direct qu'un élément LI.

Ce qui donne :
<ul id="nav">
	<li>un lien</li>
	<li>
		<ul>
			<li>un lien</li>
			<li>un lien</li>
			<li>un lien</li>
		</ul>
	</li>
	<li>un lien</li>
	<li>
		<ul>
			<li>un lien</li>
			<li>un lien</li>
		</ul>
	</li>
</ul>

A+