bonjour,
j'ai un espace entre 2 divs ! j'ai testé :
mais rien n'y fait
voila mon code xhtml :
et mon css :
merci d'avance de votre aide
Modifié par Snoopy17 (10 Mar 2007 - 11:19)
j'ai un espace entre 2 divs ! j'ai testé :
margin:0; mais rien n'y fait
voila mon code xhtml :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>V2</title>
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- le header -->
<div id="header"></div>
<!-- le bas du header -->
<div id="header_bas"></div>
<!-- le corps -->
<div id="corps">
<div id="menu_titre">menu1</div>
<ul id="menu_liens">
<li><a href="#">lien1</a></li>
<li><a href="#">lien2</a></li>
<li><a href="#">lien3</a></li>
<li><a href="#">lien4</a></li>
<li><a href="#">lien5</a></li>
<li><a href="#">lien6</a></li>
</ul>
<div id="menu_titre">menu2</div>
<ul id="menu_liens">
<li><a href="#">lien1</a></li>
<li><a href="#">lien2</a></li>
<li><a href="#">lien3</a></li>
<li><a href="#">lien4</a></li>
<li><a href="#">lien5</a></li>
<li><a href="#">lien6</a></li>
</ul>
<div id="menu_titre">menu3</div>
<ul id="menu_liens">
<li><a href="#">lien1</a></li>
<li><a href="#">lien2</a></li>
<li><a href="#">lien3</a></li>
<li><a href="#">lien4</a></li>
<li><a href="#">lien5</a></li>
<li><a href="#">lien6</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed pellentesque est vitae odio pretium tristique. Sed elementum tellus quis nibh. Nulla vel nisl vel diam vestibulum rutrum. Ut est nisi, mollis ac, egestas at, lobortis ut, mauris. Aliquam porttitor congue sapien. Integer magna dolor, posuere eget, aliquet quis, euismod vitae, dui. Aenean lacus. Suspendisse fringilla pulvinar orci. Vestibulum et massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Curabitur ligula. Cras id sem. Donec odio mi, malesuada tristique, tincidunt ac, facilisis rutrum, purus. Suspendisse potenti. Maecenas ultricies, leo rhoncus egestas semper, purus risus ultricies odio, in pharetra nibh velit eget arcu. Nam consequat elit eu enim. Integer at urna. Vestibulum nisl odio, viverra viverra, hendrerit faucibus, pharetra vitae, sapien. Vestibulum orci.
Donec magna. Pellentesque quam. Praesent non est porta lacus tincidunt iaculis. Nulla iaculis velit vitae lorem. Suspendisse potenti. In eget justo. Nunc ut ipsum. Sed convallis. Nulla facilisi. Ut metus tellus, ultricies eget, viverra nec, interdum vel, lorem. Sed eget urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla in massa. Suspendisse rutrum ultricies risus. Pellentesque velit tortor, ornare a, malesuada sed, malesuada quis, elit. Curabitur sed pede. </p>
</div>
<!-- le footer -->
<div id="footer"></div>
</body>
</html>
et mon css :
/* CSS Document */
body {
width:780px;
margin:auto;
}
#header {
height:122px;
width:780px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
}
#header_bas {
height:11px;
width:780px;
background-image:url(images/header_bas.jpg);
background-repeat:no-repeat;
float:none;
}
#menu_titre {
height:19px;
width:158px;
background-image:url(images/menu_titre.jpg);
background-repeat:no-repeat;
}
#corps {
width:780px;
background-image:url(images/corps.jpg);
background-repeat:repeat;
}
#footer {
height:23px;
width:780px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
float:none;
}
merci d'avance de votre aide
Modifié par Snoopy17 (10 Mar 2007 - 11:19)