Bonsoir tout le monde,
Alors voilà, j'ai suivi ce tuto
http://marcarea.com/tuto/menu01.php pour créer un menu déroulant horizontal. Il fonctionne, etc, sauf un problème : il n'est pas horizontal
. J'ai lu et relu mon code, mais je ne trouve pas l'erreur par rapport au tuto, pourtant sur le exemple, ça fonctionne...
http://marcarea.com/tuto/menu01test.html#
Merci d'avance
Voici mon code complet (dreamweaver) :
:
Citation:
<html>
<head>
<title>Testos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body>
<style type="text/css">
body
{
font: 11px verdana, sans-serif;
background: #AFA99B url("creation/finaux/balrog_rogné.png") top left no-repeat;
margin: 0;
padding: 0;
}
#menuDeroulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("image/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}
</style>
<ul id="MenuDeroulant">
<li>
<a HREF="y">Accueil</a>
<ul class="sousMenu">
<li><a HREF="menu_accueil/accueil.html">Accueil</a></li>
<li><a HREF="menu_accueil/News.html">News</a></li>
<li><a HREF="menu_accueil/gazette.html">Gazette</a></li>
</ul>
</li>
<li>
<a HREF="y">Guilde</a>
<ul class="sousMenu">
<li><a HREF="menu_guilde/recrutement.html">Recrutement</a></li>
<li><a HREF="menu_guilde/présentation.html">Présentation</a></li>
<li><a HREF="menu_guilde/charte.html">Charte</a></li>
<li><a HREF="menu_guilde/background.html">Background</a></li>
<li><a HREF="menu_guilde/membres.html">Membres</a></li>
<li><a HREF="menu_guilde/hierarchie.html">Hierarchie</a></li>
</ul>
</li>
<li>
<a HREF="y">RôlePlay & Bibliothèque</a>
<ul class="sousMenu">
<li><a HREF="menu_rôleplay_biblio/textes.html">Textes</a></li>
<li><a HREF="menu_rôleplay_biblio/images.html">Images</a></li>
<li><a HREF="menu_rôleplay_biblio/evenements.html">Background</a></li>
<li><a HREF="menu_rôleplay_biblio/background.html">Evenements</a></li>
</ul>
</li>
<li>
<a HREF="y">Guides et Astuces</a>
<ul class="sousMenu">
<li><a HREF="menu_guide_et_astuces/guides.html">Guides</a></li>
<li><a HREF="menu_guide_et_astuces/astuces.html">Astuces</a></li>
</ul>
</li>
<li>
<a HREF="y">Archives</a>
<ul class="sousMenu">
<li><a HREF="menu_archives/archives_news.html">Archives News</a></li>
<li><a HREF="menu_archives/archives_gazette.html">Archives Gazette</a></li>
</ul>
</li>
</ul>
</body>
</html>
|
26/12/2007, 22h09
Problème : Menu Déroulant
00
