Aide pour codage css site Fermé

Question

Bonjour,
j'ai quelque soucis avec le codage de mon site j'aimerais centrer verticalement le texte du menu 
Regarder l'image pour en savoir plus : 
http://img10.hostingpics.net/pics/668454WbCsh.jpg

et le code css de la page:

body {
        margin:auto;
	background-color: #0d2e49;
        width:1050px;
        background:url("img/fond.jpg");
        font:11px verdana,tahoma,arial,"trebuchet MS";


}

#header {
        position:absolute;
	width:1050px;
	height:176px;
        left:115px;
        top:0px;

}
#speedbar {
        margin-top:176px;
        background:url("img/barre.jpg");
        height:27px;
        width:1050px;
        left:117px;
        text-align:center;
        font-weight:bold;

}
#speedbar a 
{
        text-decoration:none;
        color:#ffffff;
}
#speedbar a:hover {
        color:#0e3a5e;
}
ul#menu_horizontal li
{
        display:inline;
        padding: 5px;
}
h1 {
        padding-left:30px;
        padding-top:30px;
        font-size:14px;
        Color:#366b98;
}
p {
        
        padding:10px 10px 10px 10px;
        background:#f1f6f9;
        border:dashed #b0b0b0 1px;
        margin-left:30px;
        margin-right:30px;

}

avion-f16 · Answer

Il faut que tu mettes ton lien en display:block avec float:left
Ensuite, tu lui donnes le height de ta barre.
Tu ajoutes un padding-top que tu soustrais au height de tes liens.
Mais tes liens ne seront plus centrés horizontalement, ou tu peux essayer avec display:inline-block sans mettre float:left

SpeedZen · Answer

C'est fait mais voici le resultat : http://www.hostingpics.net/viewer.php?id=26860133.jpg
ul#menu_horizontal li
{
        height:27px;
        display:block;
        float:left;
        padding:5px;
        padding-top:0px;
}

ta pas une adresse msn ?

avion-f16 · Answer

sur la lien (a), pas sur l'élément de liste (li) !

SpeedZen · Answer

#speedbar a 
{

        text-decoration:none;
        color:#ffffff;
        height:27px;
        float:left;
        display:block;
        padding:5px;
        padding-top:0px;
}

si c'est correct sa change pas grand chose > http://www.hostingpics.net/viewer.php?id=482107445656.jpg
Merci pour ton aide sinon je doit révisé le css lol

avion-f16 · Answer

Il y aurait moyen de voir directement en ligne ?

SpeedZen · Answer

voila: http://salomon-mag.freehostia.com/webenefic/

Aide pour codage css site

6 réponses

Discussions similaires