Salut,
Voila ce que j'ai fait :
Installation de EasyPHP 1.7. Le point rouge de l'icone clignote.
Mon fichier principal est sauvegarde en .php et se trouve dans le meme repertoire que le menu.
Le serveur d'evaluation est configure comme suit :
modele de serveur : PHP MySQL
Acces : local/reseau
Dossier du serveur d'evaluation : F:\Program Files\EasyPHP1-7\www\Site\
Prefice de l'url :
http://localhost/site/
Voici le code du menu (menu.htm) :
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');"><a href="">Régions</a></dt>
<dd id="smenu1">
<ul>
<li><a href="#">Alsace</a></li>
<li><a href="#">Bordeaux</a></li>
<li><a href="#">Champagne</a></li>
<li><a href="#">Côtes du Rhone</a></li>
<li><a href="#">Loire</a></li>
<li><a href="#">Sud-Ouest</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');"><a href="">Millésimes</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');"><a href="">Conservation</a></dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');"><a href="">Contact</a></dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<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>
Et voici le code CCS :
[code]
<style type="text/css" media="screen">
<!--
body {
margin: 100%;
padding: 100%;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 5em;
left: 0;
z-index:100;
width: 15em; /* correction pour Opera */
}
#menu dl {
float: left;
width: 8em; /* largeur des menus */
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #cc6699;
border: 1px solid gray; /* epaisseur et couleur du bord du cadre des menus*/
margin: 1px; /*espacement entre chaque case du menu */
}
#menu dd { /*concerne les cadres des sous-menus */
display: none;
position: absolute; /* placement du menu, à modifier selon vos besoins */
left: 8em;
margin-top: -20%;
width: 9em;
border: 1px solid gray;
}
#menu li { /* concerne les sous menus */
text-align: center;
background: #fff;/* couleur de fond des sous menus */
margin: 1px;
}
#menu li a, #menu dt a {
color: #000;/* couleur des textes de sous-menu */
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style>
<style type="text/css">
body {
margin: 0;
text-indent: 20px;
padding:0;
position: absolute;
width: 50%;
height: 50%;
font-family: verdana, arial, sans-serif;
}
.haut {
width: 20%;
margin-left: 40%;
text-align: center;
height: 20px;
background-color: #06C;
color: #fff;
font-size: 25px;
padding: 3px;
right: 500px;
top: 12px;
}
.conteneur {
height: 338px;
width: 100%;
}
.gauche {
position: absolute;
left: 1px;
width: 180px;
height: 338px;
/*background-image: url(gauche.gif);*/
top: 86px;
}
.frame {
margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */
text-indent: 20px;
width: auto;
height: 338px
;overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 16px;
}
</style>
[/code]
Seul le menu apparait sur IE. Merci de votre aide!