C'est bon ça fonctionne, je devais modifier mon css ainsi :
#menu
{
padding: 0px 0px 0px 200px ;
margin: 0px 0px 100px;
list-style-type: none;
position: absolute;
z-index: 100;
}
#menu dl
{
float: left;
width: 150px;
margin: 0;
}
#menu dt
{
padding: 5px 5px 5px 5px;
font-size: 14px;
cursor: pointer;
text-align: center;
background: #df2b2b;
border: 0;
}
#menu li
{
text-decoration: none;
font-size: 12px;
background: #df2b2b;
padding: 0px 0px 0px 0px ;
font-size: 12px;
margin: 0px;
text-align: left;
}
#menu li a, #menu dt a
{
color: white;
text-decoration: none;
display: block;
height: 100%;
}
#menu li a:hover, #menu dt a:hover
{
height: 17px;
background: #ac2626;
}
#menu li dl:hover
{
background-color:#df2b2b;
}
.haut
{
width: auto;
height: 50px;
color: #fff;
padding: 10px;
background: #1f1f14;
border: 0px;
}
.frame
{
height: 600px;
width: auto;
overflow: auto;
font-size: 14px;
border: 0px;
margin-left: 60px;
margin-right: 60px;
background: #1f1f14;
}
body
{
margin: 0;
padding: 0;
background: white;
color: white;
background:#cdcc89;
}
dl, dd, ul, li
{
margin: 0;
padding: 0;
list-style-type: none;
}
a, a:link, a:visited, a:active, a:hover
{
color:red;
text-decoration:none;
}
p
{
font-size: 13px;
}
Et mon html ainsi
<html>
<head>
<title>Biographie d'Akira Toriyama</title>
<link rel="stylesheet" type="text/css" href="menu_div.css">
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id)
{
var d = document.getElementById(id);
for (var i = 1; i<=10; i++)
{
if (document.getElementById('smenu'+i)) {
{
document.getElementById('smenu'+i).style.display='none';
}
}
if (d)
{
d.style.display='block';
}
}
//-->
</script>
</head>
<body>
<div class='haut'>
<ul id='menu'>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Episodes
<dd id='smenu1' onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<li><a href="page.php?link=db.php&title=Dragon Ball">Dragon Ball</a></li>
<li><a href="page.php?link=dbz.php&title=Dragon Ball Z">Dragon Ball Z</a></li>
<li><a href="page.php?link=dbgt.php&title=Dragon Ball GT">Dragon Ball GT</a></li>
<li><a href="page.php?link=oav.php&title=O.A.V.">O.A.V.</a></li>
</dd>
</dt>
</dl>
</ul>
</div>[/code]
Pour le JS il marche niquel !! merci à toi !!
C'est bon ça fonctionne, je devais modifier mon css ainsi :
#menu { padding: 0px 0px 0px 200px ; margin: 0px 0px 100px; list-style-type: none; position: absolute; z-index: 100; } #menu dl { float: left; width: 150px; margin: 0; } #menu dt { padding: 5px 5px 5px 5px; font-size: 14px; cursor: pointer; text-align: center; background: #df2b2b; border: 0; } #menu li { text-decoration: none; font-size: 12px; background: #df2b2b; padding: 0px 0px 0px 0px ; font-size: 12px; margin: 0px; text-align: left; } #menu li a, #menu dt a { color: white; text-decoration: none; display: block; height: 100%; } #menu li a:hover, #menu dt a:hover { height: 17px; background: #ac2626; } #menu li dl:hover { background-color:#df2b2b; } .haut { width: auto; height: 50px; color: #fff; padding: 10px; background: #1f1f14; border: 0px; } .frame { height: 600px; width: auto; overflow: auto; font-size: 14px; border: 0px; margin-left: 60px; margin-right: 60px; background: #1f1f14; } body { margin: 0; padding: 0; background: white; color: white; background:#cdcc89; } dl, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } a, a:link, a:visited, a:active, a:hover { color:red; text-decoration:none; } p { font-size: 13px; }Et mon html ainsi
<html> <head> <title>Biographie d'Akira Toriyama</title> <link rel="stylesheet" type="text/css" href="menu_div.css"> <script type="text/javascript"> <!-- window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) { { document.getElementById('smenu'+i).style.display='none'; } } if (d) { d.style.display='block'; } } //--> </script> </head> <body> <div class='haut'> <ul id='menu'> <dl> <dt onmouseover="javascript:montre('smenu1');">Episodes <dd id='smenu1' onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');"> <li><a href="page.php?link=db.php&title=Dragon Ball">Dragon Ball</a></li> <li><a href="page.php?link=dbz.php&title=Dragon Ball Z">Dragon Ball Z</a></li> <li><a href="page.php?link=dbgt.php&title=Dragon Ball GT">Dragon Ball GT</a></li> <li><a href="page.php?link=oav.php&title=O.A.V.">O.A.V.</a></li> </dd> </dt> </dl> </ul> </div>[/code]Pour le JS il marche niquel !! merci à toi !!