bonjour à tous
Je débute en CSS et bien sur, malgrès le livre de Css2 j'ai tj un petit pb
Alors voila :
j'ai une page avec 5 blocs
un logo et un anim sur la mm ligne
un menu et un content sur la 2ème ligne
et c'est la qu'est le pb les 2 blocs menu et content n'ont pas la mm longueur et la galère
merci de votre aide
voici mes scripts :
Modifié par achauche (19 Dec 2005 - 15:48)
Je débute en CSS et bien sur, malgrès le livre de Css2 j'ai tj un petit pb

Alors voila :
j'ai une page avec 5 blocs
un logo et un anim sur la mm ligne
un menu et un content sur la 2ème ligne
et c'est la qu'est le pb les 2 blocs menu et content n'ont pas la mm longueur et la galère
merci de votre aide

voici mes scripts :
CSS
#global{
width: 770px;
margin: 0 auto;
background-color: #CCCCCC;
}
#logo{
float:left;
width: 150px;
height: 150px;
text-align: center;
background-image: url(images/logo1.gif);
}
#anim{
float:right;
width: 618px;
text-align: center;
background-color: #5A646F;
}
#blocmenu{
float:left;
width: 146px;
margin-top: 2px;
padding: 2px;
background-color: #5A646F
}
#menu1{
width: 146px;
margin-top: 30px;
text-align: center;
background-color: #9E8C84;
}
#menu2{
width: 146px;
margin-top: 30px;
text-align: center;
background-color: #9E8C84
}
#content{
float:right;
width: 618px;
margin-top: 2px;
background-image: url(images/arrier-p.gif);
}
#titre1{
float:left;
width: 37px;
margin-top: 30px;
}
#pied{
clear: both;
float:left;
width: 770px;
margin-top: 2px;
background-color: #5A646F;
}
HTML
<div id="global">
<div id="logo">
<p> </p>
</div>
<div id="anim">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="580" height="150">
<param name="movie" value="images/anim.swf">
<param name="quality" value="high">
<embed src="images/anim.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="580" height="150"></embed>
</object>
</p>
</div>
<div id="blocmenu">
<div id="menu1">
<p>menu1</p>
</div>
<div id="menu2">
<p>menu2</p>
</div>
</div>
<div id="content">
<div id="titre1"><img src="images/texte-acc.gif" width="50" height="100" />
</div>
</div>
<div id="pied">
<p> </p>
</div>
</div>
Modifié par achauche (19 Dec 2005 - 15:48)