[html/css]

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Salut à tous !

Voilà, j'ai une question simple mais avec laquelle je ne trouve pas de solution ... en gros, en html, une liste est écrite comme ca :

element1
element2
element3


avec ce code :

<ul>
    <li>element1</li>
    <li>element2</li>
    <li>element3</li>
</ul>


moi je voudrai avoir une liste comme ca :
element1    element2    element3


savez vous comment je dois m'y prendre? (si c'est possible ^^)

merci d'avance !
naga

2 réponses

  1. ze-life-of-quent1 Messages postés 2169 Statut Membre 780
     
    Bonjour,
    il faut appliquer un display:inline; à la balise <ul>.
    0
  2. Utilisateur anonyme
     
    salut !

    d'abord merci de ton aide.
    J'ai donc essayé (je l'ai inséré dans mes propriétés css) mais ca ne fonctionne pas (j'ai eu une lueur d'espoir d'un coup ^^)

    si tu as d'autres idée, je suis preneur ! (ah, et sinon, je peux faire deux div côte à côte aussi, mais je ne sais pas encore faire ... je commence le html/css d'hier ^^)
    0
    1. ze-life-of-quent1 Messages postés 2169 Statut Membre 780
       
      Effectivement. Il faut le mettre dans le <li>.
      0
    2. Utilisateur anonyme
       
      ah, je l'ai test aussi sans succes ... mais j'ai trouvé une autre solution (c'est peu être "moche" mais bon ca fait ce que je veux^^ :

      avec les tables :
         <table>
         	<tr>
         	<th>
         	    element1		
              </th>
              <th>
         	    element2
              </th>
              <th>
         	    element3	
              </th>
             </tr>
          </table>



      merci de ton aide ! je vais réessayer sur les li =)
      0
    3. Utilisateur anonyme
       
      bon ca ne marche pas sur les li, mais ca vient peu être du fait que j'utilise des div à l'intérieur des li ^^
      0
    4. ze-life-of-quent1 Messages postés 2169 Statut Membre 780
       
      Dans ce cas il faut l'appliquer sur les <li> et sur les <div>.
      0
    5. Utilisateur anonyme
       
      ok ! merci de ton aide ;)
      0