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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81
| <!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=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
ul{
list-style:none;
padding:0px;
margin:0px;
}
ul li{
position:relative;
width:200px;
}
.fonctionne{
background-color:#00CC66;
}
.fonctionnepas{
background-color:#990033;
}
.fonctionne ul li{width:200px;}
.fonctionne ul li a{
display:block;
background-color:#FFFF00;
width:100%;
}
.fonctionne ul{
display:none;
position:absolute;
left:200px;
top:0px;
background-color:#00CCFF;
}
.fonctionnepas ul{
display:none;
position:absolute;
left:200px;
top:0px;
background-color:#00CCFF;
}
.fonctionnepas ul li a{
background-color:#FFFF00;
}
.fonctionne:hover ul{
display:block;
}
.fonctionnepas:hover ul{
display:block;
}
</style>
</head>
<body>
<ul>
<li class="fonctionne">
Fonctionne
<ul>
<li><a href="#" style="padding:5px">avec padding</a></li>
<li><a href="#">sans padding</a></li>
</ul>
</li>
<li class="fonctionnepas">
Fonctionne pas
<ul>
<li><a href="#" style="padding:5px">avec padding</a></li>
<li><a href="#">sans padding</a></li>
</ul>
</li>
</ul>
</body>
</html> |