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 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 matriel Wifi slectionn, cartes Wifi USB Awus036h et Awus036nh, antennes omnis, yagis, panel, amplis wifi, accessoires...

Sujets similaires

Discussion Réponses Vues Dernier message
probleme avec backtrack 4 par perfectdin
1 1945 28-03-2017 20:05:05 par amr2017
0 444 11-11-2016 00:55:03 par SerialP
0 1115 06-10-2013 17:31:02 par Elios
0 2629 03-02-2012 18:24:52 par Cherouss
1 2227 14-01-2012 23:41:51 par Ririna