Bonsoir,
Je voudrais mettre le menu à gauche et à côté du corps.
Voilà comment il est mon site (en image)
http://www.hebergementimages.com/...
voici le design de mon menu:
.menu { font-family:Comic Snas MS;
font-weight:bold;
font-size:12px;
border-width:1px;
border-color:#D1D100;
border-style:solid;
}
.menu div { display:block;
cursor:pointer;
background-color:#FFCC99;
border-top-width:1px;
border-top-color:#D1D100;
border-top-style:solid;
width:100px;
}
.menu div:hover > div
{ color:red;
display:block;
}
.menu div div
{ display:none;
background-color:#F1F1F1;
text-indent:20px;
}
.menu a { display:block; }
Puis, ma page html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Menu Accordéon</title>
<link rel="stylesheet"
type="text/css"
href="MenuAcc.css" />
</head>
<body>
<div style="position:absolute;top:10px;medium:20px;"
class="menu" >
<div>
Un
<div>
<a href="#">1.1</a>
</div>
</div>
<div>
Deux
<div>
<a href="#">2.1</a>
<a href="#">2.2</a>
</div>
</div>
<div>
Trois
<div>
<a href="#">3.1</a>
<a href="#">3.2</a>
<a href="#">3.3</a>
</div>
</div>
</div>
</body>
</html>
Vous pouvez m'aider svp.
Merci d'avance et bonne soirée !