Posez votre question Signaler

Aide pour codage css site

SpeedZen - Dernière réponse le 20 janv. 2010 à 23:59
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;
}
Lire la suite 

Aide pour codage css site »

6 réponses
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
Ajouter un commentaire
Réponse
+0
moins plus
sur la lien (a), pas sur l'élément de liste (li) !
Ajouter un commentaire
Réponse
+0
moins plus
#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
Ajouter un commentaire
Réponse
+0
moins plus
Il y aurait moyen de voir directement en ligne ?
Ajouter un commentaire
Réponse
+0
moins plus
Ajouter un commentaire
Ce document intitulé « Aide pour codage css site » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?