Instabilité du div contenant 1 menu deroulant
sirenc6l
-
sirenc6l -
sirenc6l -
Bonjour,
j'aimerai etre éclairée sur la manière de stabiliser le contenu d'un "div " placé juste en dessous d'un menu deroulant.
le menu lorsqu'il se déroule déplace automatiquement le contenu du "main" (tableaux et images)
Merci d'avance!
j'aimerai etre éclairée sur la manière de stabiliser le contenu d'un "div " placé juste en dessous d'un menu deroulant.
le menu lorsqu'il se déroule déplace automatiquement le contenu du "main" (tableaux et images)
Merci d'avance!
A voir également:
- Instabilité du div contenant 1 menu deroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Supprimer menu déroulant excel - Forum Excel
body
{
font:#4D4D4D;
background-color:#C8C8C8;
font: 12px verdana, sans-serif;
}
.content
{
background-color:#EEF3FA;
border: 2px solid #A2BCD8;
position: absolute;
width: 1227px;
height:95%;
margin-left: 6em;
margin-right: 6em;
}
.header
{
height:80px;
background:url(/media/img/fond_bleu.gif) repeat-x;
border-bottom: 2px solid #000000;
}
.header
{
color:#0099ff;
text-align: center;
}
.head_menu
{
background:url(/media/img/bande_bleu.png) repeat-x;
padding-bottom:27px;
padding-top:6px;
border-bottom: 1px solid black;
/*margin-left: 0;*/
}
//c'est l'image que je veux mettre dans mon Div main"
.vues
{
background:url(/media/img/pub.png) no-repeat;
position:absolute;
padding-left:978px;
width:250px;
height:516px;
}
// le conteneur
#main
{
height:80%;
margin:0;
}
// pied de page
.footer
{
color: #D7DEF0;
margin-bottom:5px;
padding-top:0;
margin-top:0;
}
// mon menu deroulant:
#menuDeroulant
{
list-style-type:none;
margin:0;
padding-left:0;
padding-right:2px;
text-align:center;
}
#menuDeroulant li
{
float: left;
width: 164px;
text-align:center;
margin: 0;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFFFFF;
padding: 5px 1px;
margin-bottom:0;
border-right: 2px solid #AEC7E1;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #FEF189; }
#menuDeroulant li a:active { background-color: #C5E2FF;}
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #275E85;
margin: 0;
border-right: 2px solid #AEC7E1;
text-decoration: none;
background: transparent url("/media/img/band.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: FEF189;
}
#menuDeroulant li:hover > .sousMenu { display: block;}
merci d'avance!