2 "li" sur la même ligne?

24 févr. 2007, 17:39

Salut,
j'ai ce code:

<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

24 févr. 2007, 18:09

li { float:left ; }

24 févr. 2007, 18:20

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.

24 févr. 2007, 18:25

Commence par un style épuré, celui que je te propose,
et ajoute les autres propriétés au fur et à mesure...

24 févr. 2007, 20:56

Bonsoir

Tu as aussi une autre alternative qui est :

Code : Tout sélectionner

display:inline;

.

25 févr. 2007, 18:26

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">© Copyright -
<DIV ID=ejs_server_heure></div>

</span></span></div>

Merci
^
ps: j'ai mis "quote" car sinon la couleur rouge ne ressort pas.

25 févr. 2007, 18:29

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...

25 févr. 2007, 18:31

Merci bien.

28 févr. 2007, 13:29

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;
}

2 "li" sur la même ligne?

Qui est en ligne