bonjour a tous, je souhaite faire des menus déroulants, comme sur ce site :
http://www.stunicholls.myby.co.uk/
(c'est a dire que ca s'inscrive sous forme de lien les sous menus et que les Sous Sous emnus soient dans un cadre)
mais comment faire ?? j'ai suivi des tutos pour l'instant ca me donne ca :
http://playmusculation.olympe-network.com/design/Nouveau%20dossier/
comment eviter que le design des onglets se repete dans des sous menus, et que ca figure comme des liens comme dans materiel??? (voici le code html puis css)
merci d'avance a tous
http://www.stunicholls.myby.co.uk/
(c'est a dire que ca s'inscrive sous forme de lien les sous menus et que les Sous Sous emnus soient dans un cadre)
mais comment faire ?? j'ai suivi des tutos pour l'instant ca me donne ca :
http://playmusculation.olympe-network.com/design/Nouveau%20dossier/
comment eviter que le design des onglets se repete dans des sous menus, et que ca figure comme des liens comme dans materiel??? (voici le code html puis css)
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Play-musculation</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div id="header"><!-- DIV du Header --></div>
<d
</div>
<div id="conteneur"><!-- DIV du Conteneur -->
<div id="menu">
<ul>
<li><a href="#">Débutants</a></li>
<li><a href="#">Materiel</a>
<ul>
<li><a href="#">Banc</a></li>
<li><a href="#">Barres</a></li>
<li><a href="#">Fonte</a></li>
</ul>
</li>
<li><a href="#">Blessures</a></li>
<li><a href="#">Programmes</a></li>
<li><a href="#">Exercices</a></li>
<li><a href="#">Nutrition</a></li>
<li><a href="#">Endurance</a></li>
</ul>
</div>
</div>
</body>
</html>
body {
background:url(theme/interface/bg.png) repeat-x;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
#header {
height:233px;
background:url(theme/interface/header.png) no-repeat top center;
}
#conteneur{
width:990px;
margin:0 auto;
}
#menu ul li{
list-style:none;
float:left;
padding:0;
}
#menu ul li a{
height:49px;
width:130px;
font-family:Segoe Script, Verdana, Arial;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-align:center;
display:block;
background:url(theme/interface/menu.png)no-repeat top left;
line-height:49px;
color:#FFFFFF
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
background:none;
}
#menu ul li a:hover{
font-size:17px;
color:#ad2034;
}
#menu li ul {
position:absolute;
}
merci d'avance a tous
... magnifique
)