Mise en forme ul en alignement vertical li en alignement horizontal

j'essaie de mettre en page des fiches pour un catalogue de spectacles
cela me cause bien du souci.

 <div class="spectacle">
<ul >
<li>o</li>
<li>fefe</li> 	
</ul>			
	<ul>
<li>e</li>
<li>toto</li> 	
</ul>	
</div>

	

j'associe les css suivante

.spectacle ul{
margin: 0 5px 0 0;
}
.spectacle li{
float:left;
}

mes listes de critères s'aligne effectivement horizontalement
mais les balise ul aussi
je n'arrive pas à forcer le retour à la ligne entre chaque
balise ul.
Modifié par ndoto (19 Jan 2006 - 16:58)

Bonsoir,
En principe tes UL devraient d'afficher l'un au dessous de l'autre puisque c'est une balise de type block.
Est tu sure que tu n'a rien de defini quelquepart pour tes UL?
Sinon tu met un dispay:block à tes ul.

Bonjour,

Pour les ul, ajoute :

clear:left

Modifié par Tony Monast (19 Jan 2006 - 20:01)

Pourquoi ajouter un clear:both Tony
Le float:left n'est appliqué que sur les LI.

J'ai corrigé pour clear:left.

Le float:left n'est appliqué que sur les li, mais ca fait sortir les li du flux. Il faut donc ramener le tout dans le flux avec un clear:left ou both sur l'élément suivant, c'est-à-dire, dans ce cas-ci, d'un ul.
Modifié par Tony Monast (19 Jan 2006 - 20:11)

Ok merci pour cette info.
Bonne soirée