18073 sujets

Questions générales et questions de débutants

Problème d'affichage du Menu

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!!!

feuille de style:

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>
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à