Probleme de menu déroulant php/css
Posté : 03 nov. 2009, 11:46
Bonjour,
J'ai un problème de menu déroulant sur mon site web http://projets.iut-info-vannes.net/pjew ... 2/doku.php.
Voici mon code :
et voici mon css :
J'espère que quelqu'un pourra me le corriger pour qu'il ne bug plus.
Merci D'avance.
J'ai un problème de menu déroulant sur mon site web http://projets.iut-info-vannes.net/pjew ... 2/doku.php.
Voici mon code :
Code : Tout sélectionner
<!-- Menu -->
<div id="menu">
<ul class="monmenu">
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php">Accueil</a></li>
<li><a href="#">La station</a>
<ul class="sousMenu">
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=historique">Historique</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=les_moyens">Les moyens</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=les_hommes">Les hommes</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=zone_dactivité">Zone d'activité</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=album_photos">Album photos</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=boutique">Boutique</a></li>
</ul>
</li>
<li><a href="#">Journal de la station</a>
<ul class="sousMenu">
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=agenda">Agenda</a>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=interventions">Interventions</a>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=lettres_aux_adhérents">Lettres aux adhérents</a>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=presse">Presse</a>
</ul>
</li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=infos_pratiques">Infos pratiques</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=liens">Liens</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=partenariat">Partenariat</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=intranet">INTRANET</a></li>
<li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=forum">Forum</a></li>
</ul>
</div>
<!-- /Menu -->
Code : Tout sélectionner
/* ================================= MENU =================================== */
#menu {
background-image: url(images/menu_background.png);
background-repeat: repeat-x;
}
#menu ul {
border-right: solid 1px #666;
}
#menu ul li {
border-left: solid 1px #666;
}
#menu ul li a {
color: #fff;
background-color: inherit;
text-decoration:none;
}
#menu ul li a:hover {
color: #fff;
background-color: grey;
}
#menu li:hover ul.sousMenu {
display:block;
}
#menu ul.sousMenu {
left: 0px; top: 22px;
}
#menu ul ul {
background-image: url(images/menu_background.png);
ackground-repeat: repeat-x;
display: none;
left: 144px;
top: -1px;
position: absolute;
margin:0px;
padding: 0px;
}
Merci D'avance.
( Si un modo passe pour le déplacer au passage )