Bonjour à tous !
 
Je débute en css, et je bute sur un problème certainement idiot...
Je m'inspire de : http://www.alsacreations.com/articles/menu/
Je voudrais centrer un menu (en utilisant ul et li) dans un div. J'ai ça en code html :
 

 
Et pour le css :

 
Je voudrais que toute la ligne du menu change de couleur, donc j'ai mis 100% pour li (sinon c'est plus petit).
Et là ça fait ce que je veux, mais légèrement décalé sur la droite
 

sur .menu a:
enlève le text-align (redondant normalement)
enlève width et remplace le par display: block
enlève le float
enlève le margin, si tu veux un espace entre les éléments de menus mets le sur le li
 
et accessoirement le class menu sur ton <ul> est inutile, dégage le et remplace tes .menu a par des #menu a
retire moi ces <br> pourri, les listes reviennent automatiquement à la ligne, idem pour les <h> qui sont en display:block, donc TOUS les <br> doivent sauter
 
Ah et si tu veux centrer le <ul> dans le <div>, ajoutes
 
margin-left: 0px auto;
margin-right: 0px auto;
 
pour le <ul>

Tu veux dire margin: 0px auto; je suppose ?

d'après ce que j'ai compris il veut le centrer horizontalement, pas verticalement...
Donc tu supposes mal

Oui donc c'est bien ce que j'ai écrit
margin: 0px auto;
= margin : 0 auto 0 auto;
= margin-top : 0 / margin-right: auto / margin-bottom : 0 /margin-left: auto
 
Ce que tu as écrit  
margin-left: 0px auto;
margin-right: 0px auto;
 
N'est pas correct puisque tu donnes plusieurs valeurs (top, right; bottom, left)... à une propriété margin-left (ou right), qui ne peut par définition en accepter qu'une !
 
PS : merci pour l'agressivité. Je "suppose" que personne n'a rien à t'apprendre ?    
 
http://www.yoyodesign.org/doc/w3c/ [...] def-margin :
"Margin : Quand il n'y a qu'une seule valeur spécifiée, celle-ci s'applique à tous les côtés. S'il y en a deux, alors la première valeur s'applique pour la marge du haut et celle du bas, et la seconde pour la marge droite et celle de gauche."

   
Où ca agressitivé?
 
(PS: à part ton complexe de persécution et après vérifications, tu as effectivement raison)

 
"Donc tu supposes mal"... en clair : j'ai rien compris je me tais.
Désolé si c'est une erreur d'interprétation, mais dans ce cas, tu as oublié le smiley de rigueur <--
 
Perséctution : oh non, moi je m'en fous, j'en ai connu des vertes et des pas mûres, mais on trouve de plus en plus de puristes-qui-connaissent-tout-mieux-que-les-autres et qui se contentent en général de dire : "ton truc c'est de la daube".
 
J'ai cru un instant que c'était le cas ici.
Désolé pour la méprise.

   
tiens, ce coup ci j'ai même mis un smiley pour te faire plaisir

J'ai pas lu très attentivement alors je suis peut-être à côté de la plaque.
 
Il manque pas un "display: block;" quelquepart dans la règle associée à "a" ? Les blocs occupent toujours toute la largeur disponible et ça rendrait redondant le "width:100%;".
Et "text-align: center;" me parait bizarre pour un élément qui est par défaut "display:inline;" comme a.
 
Je peux me tromper, je suis nouveau dans le domaine, c'est juste une idée comme ça...
Une piste de réflexion peut-être...

Oui (3e ligne de mon 1er post )

 
oups désolé....
j'avais parcouru le topic en diagonale pour voir si ça n'avait pas déjà été dit et je l'ai manqué....

Merci à tous !
Je regarde ça cet après midi, et je vous tiens au courant

J'ai compris ce que vous avez dit, et corrigé le code, mais ça ne suffisait pas !
J'ai regardé d'un peu plus près avec un copain, et on a trouvé, il fallait mettre un padding pour ul !
 
Merci à tous