A voir également:
- Instabilité du div contenant 1 menu deroulant
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Excel menu déroulant en cascade - Guide
- Div c++ - Télécharger - Langages
- Canon quick menu - Télécharger - Utilitaires
22 nov. 2009 à 13:59
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!
22 nov. 2009 à 22:28
22 nov. 2009 à 22:29