28172 sujets

CSS et mise en forme, CSS3

Problème de css avec les listes à puces

Bonjour,

Dans l'optique de faire un site web je commence à étudier le css malheureusement j'ai un léger problème dont je ne comprends pas l'origine. En fait j'ai l'impression que la liste à puce "casse" ma mise en page css mais je ne comprends pas pourquoi. Voilà le code en question:

a écrit :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body
{
margin: 0 0 ;
padding: 0 ;/*Opera*/
text-align: center ;/*IE*/
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #9ca7b5;
height:835px;
}

div#conteneur1
{
width: 770px ;
margin: 0 auto ;
/*background-image: url("images/fonds/fond.jpg");*/
background: #19353b;
background-repeat : repeat-y;
border: 2px solid #484e54 ;
border-top: 0;
border-bottom:0;
height:100%;
}

div#conteneur
{
margin: 0 auto ;
text-align: left ;
border: 2px solid #85a799 ;
background: #25404b ;
clear:both;
}

div#contenu
{
margin: 10px;
border: 2px solid #85a799 ;
background: #e0e8f0/*url(bg_page.gif) no-repeat 15px 15px*/ ;
clear:both;
}

div#contenu p
{
margin: 15px;
text-indent: 2em ;
line-height: 1.7em ;
}

p#corps
{
text-align: justify ;
line-height: 0.8em;
font-weight:normal;
border: 2px solid #c0c2a1 ;
background: #FFFFFF ;
overflow:auto;
}
</style>
<title>Untitled Document</title>
</head>

<body>
<div id="conteneur1">
<div id="conteneur">
<div id="contenu">
<p id="corps">
titi
<ul>
<li>test1</li>
<li>test2</li>
</ul>
toto
</p>
</div>
</div>
</div>
</body>
</html>

Modifié par metatron (26 May 2008 - 19:31)
Bonsoir metraton,

A priori et sauf erreur de ma part un paragraphe ne peut contenir que des éléments en ligne et toujours a priori ul ne fait pas partie de cette gatégorie...
<p id="corps">
titi
<ul>
<li>test1</li>
<li>test2</li>
</ul>
toto
</p>

Je ne comprends d'ailleurs pas très bien où tu veux en venir avec cette structure ?...
Pourrais-tu poster une image de ce que tu souhaites obtenir au final ? Smiley smile

Mis à part cela,c'est un bon début pour un "débutant" Smiley cligne

Cdt,
Sylvain
Sujet clos
Aller à