Page 1 sur 1

2 "li" sur la même ligne?

Posté : 24 févr. 2007, 17:39
par kevinf
Salut,
j'ai ce code:

Code : Tout sélectionner

<div > <div style="float:left;"> <ul class="sortabledemo" id="firstlist" style="height:150px;width:200px;"> <li class="green" id="firstlist_firstlist2"><img NAME="i739237409" src="images/lien-8.png" alt="" border="0"></li> <li class="green" id="firstlist_firstlist1"><img NAME="i452015332" src="images/lien-1.png" alt="" border="0" ></li> </ul> </div>
Comment faire pour que les 2 li soit sur la même ligne?

Merci

Posté : 24 févr. 2007, 18:09
par albat
li { float:left ; }

Posté : 24 févr. 2007, 18:20
par kevinf
J'ai mi ca :

Code : Tout sélectionner

li { margin: 0px auto; padding: 2px; width: 600px; text-align:left; list-style-type:none; float:left ; }
Et ce n'est pas sur une seul ligne, mais l'un en dessous de l'autre.

Posté : 24 févr. 2007, 18:25
par albat
Commence par un style épuré, celui que je te propose,
et ajoute les autres propriétés au fur et à mesure...

Posté : 24 févr. 2007, 20:56
par Hywan
Bonsoir :)

Tu as aussi une autre alternative qui est :

Code : Tout sélectionner

display:inline;
.

Posté : 25 févr. 2007, 18:26
par kevinf
Pour faire suite (sans recréer un nouveau sujet),
j'ai ce code, comment mettre la partie en rouge sur la meme ligne que le reste :
<div class="positionnement" ><span class="Style1"><span class="Style3 Style2">&copy; Copyright -
<DIV ID=ejs_server_heure></div>

</span></span></div>
Merci
^
ps: j'ai mis "quote" car sinon la couleur rouge ne ressort pas.

Posté : 25 févr. 2007, 18:29
par albat
Ainsi que l'a suggéré HyWaN :
 <div id="ejs_server_heure" style="display:inline;"></div>
Je te recommande de corriger ta syntaxe : usage des bas de casse et des guillemets... ;)

Posté : 25 févr. 2007, 18:31
par kevinf
Merci bien.

Posté : 28 févr. 2007, 13:29
par Victor BRITO
Ainsi que l'a suggéré HyWaN :
 <div id="ejs_server_heure" style="display:inline;"></div>
Mieux encore, dans un fichier CSS:

Code : Tout sélectionner

#ejs_server_heure { display: inline; }
:wink: