probleme menu deroulant css avec ie6
probleme menu deroulant css avec ie6 .les sous menus ne s'ouvrentt pas . fonctionne parfaitement avec Mozilla
Code HTML
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="horizontal.css" rel="stylesheet" type="text/css" />
<link type="image/x-icon" rel="Shortcut Icon" href="http://groupe-nery.net/PGE/Menu/GNpuce.ico" />
<title>Groupe-NerY</title>
</head>
<body>
<div id="menu">
<ul class="niveau1">
<li><a href="http://www.hotel-lunadelsol.com/index.htm">Accueil</a></li>
<li><a href="http://www.hotel-lunadelsol.com/hotel.htm">L'Hôtel</a></li>
<li class="sousmenu"><a href="">Centre de bien-être</a>
<ul class="niveau2">
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/massage.htm">Massages</a>
<li><a href="http://www.hotel-lunadelsol.com/onglerie.htm">Onglerie</a></li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/epilations.htm">Epilations</a>
</li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/tresses.htm">Tresses Afros</a></li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/reveilaquatique.htm">Reveil Aquatique</a></li>
</ul>
</li>
<li class="sousmenu"><a href="">Excursions</a>
<ul class="niveau2">
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/catamarans.htm">Catamaran</a>
<li><a href="http://www.hotel-lunadelsol.com/paradise.htm">Paradise Island</a></li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/oceanword.htm">Ocean World</a>
</li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/safarihorse.htm">Safari Horse</a></li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/camelsafari.htm">Jeep Safari</a></li>
<li class="sousmenu"><a href="http://www.hotel-lunadelsol.com/puertoplata.htm">Visite Puerto Plata</a></li>
</ul>
</li>
<li><a href="http://www.hotel-lunadelsol.com/contact.htm">Contacts</a></li>
<li><a href="http://www.hotel-lunadelsol.com/reservations.htm">Reservations</a></li>
<li><a href="http://www.hotel-lunadelsol.com/vols.htm">Vols</a></li>
<li><a href="http://www.hotel-lunadelsol.com/partenaires.htm">Partenaires</a></li>
</ul>
</div>
</body>
</html> |
code CSS
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| body {behavior: url(csshover.htc);}
div#menu a {color:#FFFFFF;}
div#menu ul {padding: 0; margin:0px; background: white; text-align:center}
div#menu li {background:#3399FF;}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color:#3399FF}
/* couleur qund survol avec la souris la menu pricipal */
div#menu li:hover {background: #3333FF;}
div#menu li.sousmenu:hover {background: #3333FF;}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background-color:#859AD3;}
/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid}
div#menu ul ul {position: absolute;display:none; width:100px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:126px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} |
Merci de vore aide