Bonjour,
J'ai un petit problème dans mon CSS, je m'explique :
J'ai une zone contenu qui doit s'agrandir selon le menu, j'ai donc mis le menu dans cette div contenu, or j'aimerais placé à coté du menu (à droite) de ce menu du texte, or si je met un float: right; le contenu serra pas extensible avec le texte et si j'utilise des left, right... il ne serra pas à droite du menu mais au dessus.
body{
background-color: white;
font-family: Arial;
}
#conteneur{
width: 950px;
margin-left: auto;
margin-right: auto;
}
#header{
width: 950px;
height: 224px;
background-image:url(../images/header.png);
}
#contenu{
min-height:578px;
width: 950px;
height: auto;
background-image:url(../images/fond.png);
background-repeat: repeat-y;
position:relative;
text-decoration:none;
}
#footer{
width: 950px;
height: 278px;
background-image:url(../images/footer.png);
position:relative;
top:-64px;
}
ul#menu{
position:relative;
top:-64px;
}
ul#menu li
{
list-style-type : none;
margin-bottom: 63px;
margin-left: -38px;
}
a img
{
border: none;
}
.liste{
position:relative;
top:60px;
left:39px;
}
.imgliste{
position:relative;
top:86px;
left:4px;
}
.ssfooter{
font-size:14px;
margin-left: 50px;
margin-right: 25px;
position:relative;
top:200px;
}
.contenupage{
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="css/design.css" >
<title>Accueil - Série Naruto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="icon" type="image/png" href="images/facivon.png" >
</head>
<body>
<div id="conteneur">
<div id="header">
</div>
<div id="contenu">
<img src="images/tele.png" class="imgliste" ><FORM class="liste"><SELECT name="nom" size="1"><OPTION>100x2<OPTION>150x3</SELECT></FORM>
<ul id="menu">
<li><img src="images/menu1.png" height="67" width="95" ></li>
<li><a href="#r1">Rubrique 1</a></li>
<li><a href="#r2"><img src="images/menu1.png" height="67" width="95" ></a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4"><img src="images/menu1.png" height="67" width="95" ></a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4"><img src="images/menu1.png" height="67" width="95" ></a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4"><img src="images/menu1.png" height="67" width="95" ></a></li>
<li><a href="#r3">Rubrique 3</a></li>
</ul>
<p class="contenupage"></p>
</div>
<div id="footer">
<p><center class="ssfooter">Faire un Don - Monadresseemail@mondomaine.fr - <a href="partenaires.html">Partenaires</a><br /><br />texte texte texte</center></p>
</div>
</div>
</body>
</html>
Merci,
Guillaume
Afficher la suite