bonjour a tous !
voila j ai un probleme ,je voudrais inserer un menu deroulant dans un kit graphique ,
seulement comme c est un kit graphique avec une feuille de style css j ai des difficulter ,
quand je rentre les codes de menuderoulant que je trouve ,le fond de mes boutons disparraisent ou bien encore la barre ce colle tout en haut de l ecran ,ou meme le 1er sous menu est visible (alors que je le veux deroulant et les autre menu saute!)
comment inserer un menu deroulant sans chambouler la feuille de style ?
la feuille de style:
html * {
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Arial , sans-serif;
color: white;
}
body {
text-align: center;
background: url(images/background_content_bottom.jpg) black repeat-y top center;
}
div#body2 {
width: 1000px;
margin: 0 auto;
text-align: justify;
}
h1#titre_site {
width: 100%;
height: 554px;
background: url(images/background_titre.jpg) no-repeat top center;
}
h1#titre_site span {
display: block;
width: 130px;
height: 80px;
position: absolute;
margin: 405px 0 0 425px;
font-size: 18px;
text-align: center;
}
div#menu {
width: 100%;
height: 37px;
background: url(images/background_menu.jpg) no-repeat top center;
text-align: center;
}
div#menu ul {
width: 360px;
margin: 0 auto;
padding: 0 0 0 10px !important;
padding: 0 10px 0 0;
}
div#menu li {
float: left;
list-style: none;
}
div#menu li a {
display: block;
width: 70px;
height: 37px;
line-height: 35px;
color: #d0b544;
font-weight: bold;
text-decoration: none;
margin-left: 0 !important;
margin-left: -5px;
}
div#content {
width: 100%;
min-height: 378px;
background: url(images/background_content.jpg) no-repeat top center;
text-align: center;
}
div#content2 {
width: 340px;
margin: 0 auto;
text-align: justify;
font-size: 0.8em;
}
#footer {
width: 100%;
height: 475px;
background: url(images/background_footer.jpg) no-repeat top center;
/* Mise en page */
p {text-indent:15px; margin:15px 2px 2px 2px;}
h2 { font-size:1.2em;margin:0 2px 15px 2px;}
h3 { font-size:1em;margin:10px 2px;}