Aide pour codage css site
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;
}
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;
}
Configuration: Windows Vista Firefox 3.0.17
6 réponses
-
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 -
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 ? -
sur la lien (a), pas sur l'élément de liste (li) !
-
#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 -
Il y aurait moyen de voir directement en ligne ?
-
voila: http://salomon-mag.freehostia.com/webenefic/
