encore une question à la noix: j'ai un problème d'imbrication d'élément, je n'arrive pas à me l'expliquer... quand je mets une liste, un hr, ou tout élément en bloc (apparement) dans mon paragraphe, cet élément réagit comme si il était sorti du paragraphe.
voilà mon code:
et html:
et vous pouvez voir le résultat ici: http://www.marie-anais.com dans le 2eme paragraphe. je ne comprend pas pourquoi la liste ne se contente pas de se mettre dans le paragraphe, je croyais qu'il pouvais agir comme un élément de bloc.
si ça n'est pas le cas c'est bête car je croyais pouvoir limiter les divs et ainsi éviter "une divite aigüe" mais je sens que je vais devoir faire un truc du genre
ce à quoi j'avais renoncé pour des raisons pratiques (limiter les div, et formatage auto pour tout élément <p> se trouvant dans #contenu)
si quelqu'un a une soluce...
voilà mon code:
#contenu p{
background: url(images/decotext.gif) no-repeat bottom center #fff;
text-align:justify;
line-height:18px;
padding:10px 20px 50px 20px;
margin:30px 0 0 0;
color:#848484;
min-height:100px;
}
et html:
<p>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<ul>
<li>liste bla bla </li>
<li>liste bla bla </li>
<li>liste bla bla </li>
<li>liste bla bla </li>
</ul>
</p>
et vous pouvez voir le résultat ici: http://www.marie-anais.com dans le 2eme paragraphe. je ne comprend pas pourquoi la liste ne se contente pas de se mettre dans le paragraphe, je croyais qu'il pouvais agir comme un élément de bloc.
si ça n'est pas le cas c'est bête car je croyais pouvoir limiter les divs et ainsi éviter "une divite aigüe" mais je sens que je vais devoir faire un truc du genre
<div>
<p>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</p>
<ul>
<li>liste bla bla </li>
<li>liste bla bla </li>
<li>liste bla bla </li>
<li>liste bla bla </li>
</ul>
<div>
ce à quoi j'avais renoncé pour des raisons pratiques (limiter les div, et formatage auto pour tout élément <p> se trouvant dans #contenu)
si quelqu'un a une soluce...