salut,
j'ai un menu formé par deux images bas.gif et haut.gif,
En fait avec IE ca marche bien j'ai l'imression qu'il me met des valeurs par deffaut alors que mozilla met que ce que je lui dit faire et donc une ligne blache sépare les deux parties!!!
j'ai un menu formé par deux images bas.gif et haut.gif,
En fait avec IE ca marche bien j'ai l'imression qu'il me met des valeurs par deffaut alors que mozilla met que ce que je lui dit faire et donc une ligne blache sépare les deux parties!!!
body {
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 80%;
color: black;
scrollbar-face-color: #9C6 ;
scrollbar-track-color: #FFF ;
scrollbar-arrow-color: #FFF ;
scrollbar-shadow-color: " ;
scrollbar-highlight-color: " ;
scrollbar-3dlight-color: " ;
scrollbar-darkshadow-color: " ;
}
/*entête*/
.annee{
border-style:none;
background-color:#9C6;
color:#fff;
font-weight:bold;
}
.haut {
width: auto;
height: 70px;
background-color: #9C6;
color: #fff;
font-size: 16px;
text-align: center;
}
.haut_centre {
margin-left: 160px;
margin-right: 160px;
padding-top: 11px;
}
.haut_gauche {
float:left;
padding: 5px;
width: 160px;
}
.haut_droite {
float:right;
padding-top: 8px;
width: 160px;
}
/*Contenu*/
.frame {
margin-left: 80px;
width: auto;
height: 493px;
overflow: auto;
font-size: 15px;
}
/*Pied de page*/
.bas {
width: auto;
height: 10px;
background-color: #9C6;
padding: 9px;
font-size: 12px;
}
.cadre_bas1{
float: left;
width: 300px;
text-align: right;
}
.cadre_bas1 a {
color: #fff;
}
.cadre_bas1 a:hover {
text-decoration: underline;
}
.cadre_bas2{
float: right;
width: 300px;
}
.cadre_bas2 a {
color: #fff;
}
.cadre_bas1 a:hover {
text-decoration: underline;
}
/*Menu*/
.gauche {
float: left;
width: 200px;
height: 600px;
background-color: #FFF;
}
/*Contenu du menu*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_entete {
border:2px;
solid: #000000;
margin-top: 80px;
margin-left: 0px;
width: 200px;
padding-top: 23px;
background: url(/Application/images/haut.gif) top left no-repeat;
}
#menu {
margin-left: 0px;
border:2px;
solid :#000000;
width: 200px;
background: url(/Application/images/bas.gif) bottom left no-repeat;
padding-bottom: 40px;
margin-top: 0px;
}
#menu dt {
cursor: pointer;
margin: 0 20px 0px 0px;
padding-left: 15px;
text-align: center;
}
#menu hr {
width: 100%;
}
#menu dd {
position: absolute;
z-index: 100;
left: 100px;
margin-top: -2em;
width: 100px;
max-width:250px;
background: #9C6;
border: 1px solid gray;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu li a:hover {
text-decoration: underline;
}
.bloccadre p {
margin: 0 20px 20px 20px;
border-top:1px solid #000;
}
.bloccadre table {
font-size: 12px;
margin: 0 20px 0 20px;
}
HTML:
<body>
<div class="gauche">
<!-- Menu -->
<div id="menu_entete"></div>
<dl id="menu">
<CENTER><H3>Menu</H3></CENTER>
<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">Informations et communication</br>
sur la qualite</br> dans le centre<hr width="100%">
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
<ul>
<li><a href="index.php?page=1">Plans d'audit</a></li>
<hr>
<li><a href="index.php?page=2">Politiques qualité</a></li>
<hr>
<li><a href="#">Cartographie</a></li>
<hr>
<li><a href="#">COPI-COSU-Revue de direction</a></li>
<hr>
<li><a href="#">Modelisation des processus</a></li>
<hr>
<li><a href="#">Planning de communication</a></li>
<hr>
<li><a href="#">Presentation des engagements NF Service</a></li>
<hr>
<li><a href="#">Engagements du centre bus</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Suivi des engagements NF Service<hr width="100%">
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
<ul>
<li><a href="#">Dysfonctionnements parcours voyageurs</a></li>
<hr>
<li><a href="#">Mesures accueil telephonique</a></li>
<hr>
<li><a href="#">Mesures Machinistes-Receveurs</a></li>
<hr>
<li><a href="#">Mesures reponses aux reclamations</a></li>
<hr>
<li><a href="#">Tableaux de bord</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">Documentation qualite
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
<ul>
<li><a href="#">Documents du departement BUS</a></li>
<hr>
<li><a href="#">Documents du departement MRB Neuilly</a></li>
<hr>
<li><a href="#">Documents du departement MRB Bussy</a></li>
<hr>
<li><a href="#">Rechercher un document</a></li>
<hr>
<li><a href="#">Créer un nouveau document</a></li>
<hr>
<li><a href="#">Modifier un document</a></li>
</ul>
</dd>
</dl>
</div>
</body>