[Résolu] Problème avec une liste à droite d'un span

Bonjour,

quelle est l'astuce pour que tous les éléments d'une liste soit alignés sous le premier élément ?

<span>Exemples :</span>
<ul>
	<li>exemple 1</li>
	<li>exemple 2</li>
	<li>exemple 3</li>
	<li>exemple 4</li>
</ul>

J'obtiens :
Exemples : ¤exemple 1
¤exemple 2
¤exemple 3
¤exemple 4

et j'aimerais avoir :
Exemples : ¤exemple 1
.................¤exemple 2
.................¤exemple 3
.................¤exemple 4

J'ai essayé de mettre float:left;display:block au span mais seule la première ligne reste a sa place...

Merci d'avance
@ bientôt
Modifié par Tchupacabra (19 Mar 2007 - 11:53)

Salut,

Pourquoi mettre un élément dit "en ligne" tel que span sous forme de block ?
Le mieux serait de prendre directement un élément de type block... Ex. : un h3 ou quelquechose dans le genre.

Ensuite, pour aligner tes éléments, tu dois mettre un float: left; sur le h3 et sur la liste.

Le mieux serait que tu lises ceci :

http://openweb.eu.org/articles/initiation_float/

Bonjour,

As-tu essayé tout simplement de faire flotter tes deux éléments?

span,ul {float:left;}

edit: grillé...
Modifié par Benjamin D.C. (19 Mar 2007 - 10:57)

merci beaucoup à vous !
effectivement, j'ai encore des lacunes...
1/ je pensais que si un élément en-ligne ne prenait pas toute la ligne, il était préférable de mettre un block... bref j'ai mis un <p>
2/ je ne savais pas qu'il fallait mettre 2 fois le float:left !

Donc mon problème de liste alignée est résolu MAIS j'obtiens un comportement inattendu du reste de la page.
Le paragraphe qui suit la liste se met à droite au lieu d'être en-dessous !

J'ai donc essayé de forcer le <p> à se remettre à gauche via un clear:none;
Mais rien n'y fait....

Une dernière aide SVP.
Modifié par Tchupacabra (19 Mar 2007 - 11:31)

désolé... autant pour moi,

j'ai essayé d'utiliser :
<div style="clear:none;">&nbsp;</div>
au lieu de :
<div style="clear:both ;">&nbsp;</div>

Encore merci !