Bonjour. J'ai créer un menu déroulant pour mon site mais il n'est pas compatible avec internet explorer.
Il n'affiche pas les autres niveaux. Voici le code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">body {behavior: url(csshover.htc);}
div#menu {width: 124px;}
/* fond blanc pour le menu */ div#menu a {color:#000000}
div#menu ul {padding: 0; width: 124px; border:1px solid; margin:0px; background: white}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}
/* Rajout d'une petite fleche pour les sous menu */ div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}
div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 124px; display:none}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:84px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
/* la bordure de chaque hauteur a une couleure de survol*/ div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<div style="font-family: Comic Sans MS;" id="menu">
<ul class="niveau1">
<li style="margin-top: 0px; font-weight: bold; height: 27px;"><small><a href="menu%201">Accueil</a></small></li>
<li style="margin-top: 0px; font-weight: bold; height: 27px;" class="sousmenu">
<ul class="niveau2">
<small> </small><li style="margin-top: 0px; height: 27px;"><small><a href="Sous%20menu%202.1">Le bureau</a></small></li>
<small> </small><li style="height: 46px;"><small><a href="Sous%20menu%202.2">Le
maître d'arme</a></small></li>
<small> </small>
</ul>
<small><a href="menu%202">Le
club</a> </small></li>
<li style="margin-top: 0px; font-weight: bold; height: 46px;" class="sousmenu">
<ul class="niveau2">
<small> </small><li style="margin-top: 0px; height: 27px;"><small><a href="Sous%20menu%203.1">Les horaires</a></small></li>
<small> </small><li style="height: 46px;"><small><a href="Sous%20menu%203.2">La salle d'arme</a></small></li>
<small> </small><li style="margin-top: 0px; height: 27px;"><small><a href="Sous%20menu%203.3">Les tarifs</a></small></li>
<small> </small>
</ul>
<small><a href="menu%203">Infos
pratique</a> </small></li>
<li style="font-weight: bold;"><small><a href="menu%204">Les
résultats</a></small></li>
<li style="font-weight: bold;"><small><a href="menu%205">Les albums
photos</a></small></li>
<li style="font-weight: bold;"><small><a href="menu%206">Téléchargements</a></small></li>
<li style="font-weight: bold;"><small><a href="menu%207">Liens/Partenaires</a></small></li>
<li style="font-weight: bold;"><small><a href="menu%208">Contact</a></small></li>
</ul>
</div>
</body>
</html>
Hors Ligne
Discussion | Réponses | Vues | Dernier message |
---|---|---|---|
0 | 3367 | 11-11-2016 00:55:03 par SerialP | |
0 | 2528 | 06-10-2013 17:31:02 par Elios | |
besoin d'aide sur le menu déroulant par nonogemeaux
|
1 | 3227 | 14-01-2012 23:41:51 par Ririna |
Problème de plaçage de menu par koni41
|
0 | 4269 | 08-01-2011 05:59:59 par koni41 |
crack wep avec carte wifi link 5100 par steuby
|
1 | 4664 | 28-06-2010 23:27:38 par charly5942 |