Bonjour à tous,
Voici un bout de code pour un menu simple avec un sous menu
Code : HTML
<div id="entete">
<ul>
<li><a href="#">Menu 1
<table cellspacing="0"><tr><td>
<ul>
<li><a href="#">sousmenu 1</a></li>
<li><a href="#">sousmenu 2</a></li>
<li><a href="#">sousmenu 3</a></li>
<li><a href="#">sousmenu 4</a></li>
</ul>
</td></tr></table>
</a></li>
</ul>
</div>
Et le code CSS qui va bien :
Il s’agit du CSS pour IE6, pas pour IE7 et au dessus.
Code : CSS
#entete{
position: relative;
top: 10px;
left: 0px;
width: 870px;
height: 130px;
background: #dde;
}
#entete ul{
background: #f00;
}
#entete ul li{
display: inline;
float: left;
background: #99a;
margin: 0 1px 0 1px;
}
#entete ul li a{
float: left;
width: 100px;
padding-bottom: 3px;
background: #500;
text-align: center;
color: #eef;
text-decoration: none;
}
#entete ul li a:hover{
text-decoration: underline;
background: #800;
}
#entete ul li a table{
position: relative;
display: none;
width: 120px;
margin: 0px 0 0 5px;
}
#entete ul li a:hover table{
display: block;
}
bizarrement la table devrait appraitre et disparaitre (display: none et display: block)
Hors, quand on la fait apparaitre en survolant le menu, elle ne disparait plus (!!!) et ceci que sous I6 !!!
Si quelqu’un découvre la raison de ce mystère (!)
Merci
Edité le 25/01/2010 à 16:31
