[RESOLU] Puces dans un paragraphe

Bonjour,

je voudrais utiliser des puces au sein d'un pararaphe.
ce dernier est une balise p qui me donne un contour bleu autour du paragraphe
Lorsque j'insère une puce avec la balise li, cette dernière est sortie du contour

Pouvez -vous m'aider?
Modifié par Boubou57 (04 Feb 2008 - 23:08)

Bonjour,

Deux options:

1. la "sémantique": s'il y a des puces, c'est que c'est une liste, dont un élément <li>, pas un <p>.

2. la "sans état d'âme": mettre un padding-left de quelques pixels au paragraphe, et un background url(puce.gif) no-repeat left Xpx. Le Xpx est à juger en fonction du rendu selon la taille de la police, sachant que ça se dégradera quand l'utilisateur n'a pas cette taille-là.
Modifié par Laurent Denis (04 Feb 2008 - 15:57)

Je crois que tu t'exprime mal.
Si ton problème c'est que lorsque tu fait une liste, la puce est à l'extérieur c'est qu'il te manque cette propriétée css : list-style-position: inside

Mais par contre, on insère pas de liste "dans" un paragraphe. Mais si tu veut un block avec un bord bleu qui englobe ton paragraphe et ta liste il faut que tu fasse un block :

<div id="test">
<p>blabla...</p>
<ul>
<li>hummmm</li>
<li>hummmm</li>
<li>hummmm</li>
</ul>
</div>

div #test {
padding: 5px;
border: 1px solid #ccc;
}
div #test ul {
list-style-position : inside;
}

C'était ça ton soucis ?

Merci c'est OK...

a bientôt