J'ai un problème avec la mise en page et les div quand j'utilise des paragraphes. J'aimerais obtenir le même résultat avec les div que j'obtiens avec les tables.
Code :
<!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>
<title>Untitled Page</title>
<style type="text/css">
.container
{
width: 500px;
}
.test1
{
background-color: Red;
}
.test2
{
background-color: Blue;
}
.test3
{
background-color: Green;
}
</style>
</head>
<body>
<h1>
Test avec table</h1>
<table class="container" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="test1">
<p>
Premier paragraphe
</p>
</td>
</tr>
<tr>
<td class="test2">
<p>
Deuxieme paragraphe
</p>
</td>
</tr>
<tr>
<td class="test3">
<p>
Troisieme paragraphe
</p>
</td>
</tr>
</table>
<h1>
Test avec div</h1>
<div class="container">
<div class="test1">
<p>
Premier paragraphe
</p>
</div>
<div class="test2">
<p>
Deuxieme paragraphe
</p>
</div>
<div class="test3">
<p>
Troisieme paragraphe
</p>
</div>
</div>
</body>
</html>
Je peux obtenir le même résultat si j'ajoute une marge 0 aux paragraphes, mais c'est assez inutile d'avoir des paragraphes sans marges.
Code :
p
{
margin: 0px;
}