18073 sujets

Questions générales et questions de débutants

Liste non ordonnée avec item en float : décalage

Bonjour,

voilà j'ai une liste où chaque élément de cette liste est également une liste

<ul id="informations">
                <li class="support"><h3>CD-ROM :</h3>
                    <ul>
                        <li>Logiciel 1</li>
                        <li>Logiciel 2</li>
                        <li>Logiciel 3</li>
                    </ul>
                </li>
                <li class="support"><h3>DVD :</h3>
                    <ul>
                        <li>Film 1</li>
                        <li>Super film 2</li>
                        <li>Film 3 à voir</li>
                    </ul>
                </li>
                <li class="support"><h3>Livres :</h3>
                    <ul>
                        <li>Le dico pour tous</li>
                        <li>Livre 1</li>
                        <li>Livre 2</li>
                        <li>Livre 3</li>
                    </ul>
                </li>
                <li class="support"><h3>Revues :</h3>
                    <ul>
                        <li>Prog</li>
                        <li>Dev_web</li>
                    </ul>
                </li>
                <li class="support"><h3>Sites internet :</h3>
                    <ul>
                        <li>alsacreations.com</li>
                        <li>site internet 2</li>
                    </ul>
                </li>
                <li class="support"><h3>Média divers :</h3>
                    <ul>
                        <li>item 1</li>
                        <li>un autre item</li>
                        <li>un n-ieme item</li>
                    </ul>
                </li>
            </ul>

Et je voudrais afficher les éléments comme ceci :
upload/2973-affichageli.png

Mais j'ai un problème avec ma liste car quand le nombre d'éléments n'est pas identique pour la liste à gauche et celle à droite, alors ça provoque un décalage de la prochaine liste.... Smiley ohwell

Mon bout de CSS :

#informations {
	list-style:none;
}

li.support{
	float:left;
	width:35%;
}


humm je sais pas si j'ai été très clair... merci d'avance pour les réponses Smiley cligne

PS : j'aimerais que les titres restent alignés horizontalement
Modifié par nelero (18 Aug 2005 - 21:15)
humm je pense que j'ai fait de la bidouille...
J'ai donné une hauteur à mes li.support

et pour la liste "sites internet" (id="site_internet") j'ai fait un clear:left;

amis de la bidouille... je n'ai trouvé que cela
Sujet clos
Aller à