Liste

Bonjour,

Je ne comprend pas pourquoi mes listes à puces ne veulent pas rester dans un div :

<p class='paragraphe'>
   blablabla
   <ul>
      <li> blablabla  </li>
      <li> blablabla  </li>
   </ul>
   blablabla
</p>

.paragraphe {  
	margin-left: 20px; 
	margin-right: 10px; 
}

et cela donne :
blablabla
* blablabla
* blablabla
blablabla

Quelle est la bonne méthode pour décaler la liste par rapport au paragraphe ?

Merci pour votre aide

Salut,

renard9 a écrit :
Quelle est la bonne méthode pour décaler la liste par rapport au paragraphe ?

Nous fournir une page en ligne ou l'intégralité du code html et css, ainsi que ce que tu veux vraiment faire, parce que là ca va être difficile de t'apporter réponse.

Oh L'url est simple à fournir :
http://www.votrecoop.org/culture/cooperative.php

Et tu cherche à faire quoi ?

Hello Renard9,

Déjà ton code est faux puisque l'élément p ne peut pas avoir pour enfant l'élément ul. Aussi, je ne vois pas l'intérêt du margin-right...

Je pense que tu dois vouloir déplacer vers la droite les éléments li non pas ul ou inversement ? Mais bon, je n'ai pas apporté ma boule de cristal...
Modifié par Nolem (29 Apr 2010 - 05:36)

Bonjour,

Je voudrais que ma liste s'indente par rapport au paragraphe : sur le principe, si j'ai la classe paragraphe qui indente de 20px, je souhaite que la liste s'indente de 20px. si j'ai la classe colonne qui indente de 40px, je souhaite que la liste s'indente de 40px.

C'est pourquoi je l'ai inclus dans le <p>, d'ou mon code qui est faux

Merci déjà pour vos réponses.