Menu déroulant incompatible avec internet explorer (Page 1) / Le site: tuto-fr.com / Forum d'entraide: tuto-fr.com

Annonce

Visitez la boutique Wifi-highpower.com, votre revendeur agr Alfa Network: du matriel Wifi slectionn, cartes Wifi USB Awus036h et Awus036nh, antennes omnis, yagis, panel, amplis wifi, accessoires...

#1 06-12-2008 20:47:42

mathieu02
Membre
Inscription : 06-12-2008
Messages : 1

Menu déroulant incompatible avec internet explorer

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

Annonce

Visitez la boutique Wifi-highpower.com, votre revendeur agr Alfa Network: du matriel Wifi slectionn, cartes Wifi USB Awus036h et Awus036nh, antennes omnis, yagis, panel, amplis wifi, accessoires...

Sujets similaires

Discussion Réponses Vues Dernier message
0 196 10-11-2016 23:55:03 par SerialP
0 1013 06-10-2013 16:31:02 par Elios
0 2525 03-02-2012 17:24:52 par Cherouss
1 2142 14-01-2012 22:41:51 par Ririna
2 4206 27-11-2011 12:35:44 par azertov