28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

Je suis actuellement en pleine galère pour positionner correctement un menu horizontal une ligne tiré de ce site.

Je vous laisse voir par vous-même :
http://www.fcmartigues-actu.net/1-categorie-163719.html

J'aimerai en fait positionner ce menu juste sous le header.

Mon code CSS :


#menu1 dt, dl, dd, ul, li {
list-style-type: none;
margin: 0px;
padding: 0px;
padding-right: 13em;

}

#menu1 {
margin: 0px;
padding: 0px;
color: #3a3727;
position : absolute;
left: 50px;
top: 20px;

}

#menu1 dl {
float: left;
padding-right: -3px;

}
#menu1 li {
display: inline;
margin: 0px;
padding: 0px;
}

#menu1 a {
margin: 0px;
padding: 0px;
text-decoration: none;
color: #3a3727;
background: url('../img/fonddumenu.jpg');
padding-top: 2px;
}

#menu1 a:hover {

font-weight: bold;
}

#smenu1, #smenu2, #smenu3, #smenu4 , #smenu5, #smenu6 , #smenu7, #smenu8 , #smenu9{
margin: 0px;
padding: 0px;
font-size: 12px;
border-bottom: 1px solid #d5b714;
width: 870px;
background: url('http://idata.over-blog.com/0/09/22/82/fonddumenu.jpg');
margin-top: -5px;
padding-top: 2px
position : absolute;
left: 0px;


}


Quelqu'un pourrait-il m'aider pour mettre les bons positionnements?

Merci d'avance
Bon dimanche