28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une liste fait avec des <li> avec un titre et une date, je voudrais que la date soit sur la même ligne que le titre et aligné à droite.

<li> $titre <em>$date<em> </li>


J'ai essayé de mettre un float:right pour la date mais celle-ci ce décale une ligne en dessous.

Une petite image pour mieux comprendre.
http://pixupload.free.fr/upload/aw5p0c_brikwo.png

D'avance merci
Modifié par stef2cr (31 Aug 2008 - 16:14)
Salut,

un élément en float doit être placé en premier dans le flux. Ce qui donnerait :
<li><em>$date<em>  $titre </li>
Comme cela peut être problématique (notamment en cas de css désactivées) tu pourrais préférer affecter un text-align:right; à tes LI et mettre tes titres dans un SPAN en float:left (voir ce sujet pour un exemple).

Sinon, un peu de lecture : 3 articles sur le positionnement (Openweb).

A+