Voici les fichiers css et html car je n'arrive pas à vous envoyer le lien.
h1,dl, dt, dd, ul, li{
background-image:url("Image2.jpg");/*Image de fond menu*/
font-size: 90%;
font-family:verdana, arial, sans-serif;
font-weight:bold;
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 180px;
list-style-type:none;
margin-left: 20px;
padding: 10px;
}
#menu h1{
font-family: verdana, arial, sans-serif;
text-decoration:underline;
background-image:url("Image_violet_hor_fd_menu.jpg");/*Image de fond menu*/
color: #fff;
text-align: center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#menu dt {
cursor: pointer;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
font-family: verdana, arial, sans-serif;
background-image:url("Image_violet_hor_fd_menu.jpg");/*Image de fond menu*/
color: #fff;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 15px;
}
#menu dd {
border: 1px solid #ffffcc ;
}
#menu li {
list-style-type: square;
background: #b0b500;
color: #fff ;
font:90% verdana, "Trebuchet MS", Arial, sans-serif;
font-weight: bold;
padding-left: 15px;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
color: #8b188f;
}
-->
</style>
et le fichier html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Menu_haut_gauche</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style_menu.css" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=100; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<body>
<dl id="menu">
<h1>MEDICAL</h1>
<dt onclick="javascript:montre('smenu1');" title="Dossier Polio">Polio</dt>
<dd id="smenu1">
<ul>
<li><a href="douvientlemotpolio1.html" title="Dossier: d'où vient le mot poliomyélite">D'où vient le mot "Poliomyélite"</a></li>
<li><a href="#" title="Comment ça marche?">Comment ça marche?</a></li>
<li><a href="#" title="Incubation et signes cliniques">Incubation et signes cliniques</a></li>
<li><a href="#" title="Vaccination, propagation">Vaccination, propagation</a></li>
<li><a href="#" title="Un peu d'histoire">Un peu d'histoire</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');" title="Dossier syndrome post-polio">Syndrome post-polio</dt>
<dd id="smenu2">
<ul>
<li><a href="#" title="Définition et caractéristiques">Définition et caractéristiques</a></li>
<li><a href="#" title="Evaluation du patient">Evaluation du patient</a></li>
<li><a href="#" title="Traitement">Traitement</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');" title="Dossier psychologie">Psychologie</dt>
<dd id="smenu3">
<ul>
<li><a href="#" title="Manifestations psychologiques accompagnant les séquelles post-polio">Manifestations psychologiques accompagnant les séquelles post-polio</a></li>
<li><a href="#" title="La frustration">La frustration</a></li>
<li><a href="#" title="L'expérience de la polio : un bagage commun">L'expérience de la polio : un bagage commun</a></li>
<li><a href="#" title="Surpasser la normalité">Surpasser la normalité</a></li>
<li><a href="#" title="Stratégie pour le futur">Stratégie pour le futur</a></li>
<li><a href="#" title="Conclusion">Conclusion</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>
</body>
</html>
Merci
