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 matériel Wifi sélectionné, cartes Wifi USB Awus036h et Awus036nh, antennes omnis, yagis, panel, amplis wifi, accessoires...

#1 06-12-2008 21: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 matériel Wifi sélectionné, cartes Wifi USB Awus036h et Awus036nh, antennes omnis, yagis, panel, amplis wifi, accessoires...

Sujets similaires

Discussion Réponses Vues Dernier message
0 3584 11-11-2016 00:55:03 par SerialP
0 2689 06-10-2013 17:31:02 par Elios
1 3386 14-01-2012 23:41:51 par Ririna
0 4445 08-01-2011 05:59:59 par koni41
1 4779 28-06-2010 23:27:38 par charly5942