Site web CSS [ résolu ]

Bonjour,
je dois faire la mise en ligne du site chocolat voisin, les pages ont été montées sur illustrator, j'ai commencé à faire la page d'acceuil vous verrez qu'il y a plusieurs problèmes dont le centrage du menu et les barres verticales qui séparents les éléments du menu. De même comme je débute en CSS je voulais demander si j'ai bien construit le mien, si la synthaxe est intelligente...
le jpeg a transformer: http://goirand.christophe.free.fr/voisin/indexblason.jpg
le site que j'ai commencer http://goirand.christophe.free.fr/voisin
je pense que si jai des conseils de pro ça peut m'aider ! ciao
Modifié par ChrisG (02 Nov 2005 - 22:42)

Bonjour.
la premiere chose ton menu ne doit pas etre dans le <div id="main"> il doit etre placé avant comme sur le jpg

Tout petit soucis.

Si on n'affiche pas les images, les textes du menu apparaissent en blanc sur blanc !



Ajoute une couleur de fond de la couleur de ton image (le rouge) au lieu de rien comme maintenant...

<edit>
Tes textes ne changent pas de taille sous IE (sûrement une déclaration en px)
</edit>
Modifié par Bob (MC Melun) (05 Oct 2005 - 10:08)

ok merci, mais jai un gros problème car le menu n'est pas centré !
et puis les barres verticales sont plus hautes que normalement !

pleazzz help !!!!!

ChrisG a écrit :
pleazzz help !!!!!

Hum tu ne vas pas t'attiré que des conseils d'amis en réagissant comme cela...

Pour ton trait, c'est la police qui veut ça, essaye en changeant de police et/ou de taille

Pour le reste

#main {
width: 800px;
height: 600px;
margin: 2em; /* suppression du auto pour avoir la marge à gauche */
background: url(img/rougeclair.gif);
background-color: #le rouge  ;
}

Et simplifie ton CSS

#menu li{
list-style: none;
color: #A18D50;
font-size: 10px;
float:left;
margin: 3px;
}
#menu li a{
text-decoration: none;
color: #A18D50;
}
#menu li a:hover{
color: #FFFFFF;
}

Je ne trouve pas le décalage, désolé...
Modifié par Bob (MC Melun) (05 Oct 2005 - 12:19)