Posez votre question Signaler

CSS centrer un menu, une page [Résolu]

linktwo 333Messages postés 11 août 2008Date d'inscription 13 juillet 2010Dernière intervention - Dernière réponse le 17 mai 2009 à 17:17
Bonjour,
J'aimerais simplement centrer un menu que j'ai créer.
Mon menu s'inspire fortement a ca:
http://www.alsacreations.com/static/modelesmenus/g05.htm
Vous pouvez voir le code source.
Merci de m'aider.
Lire la suite 

CSS centrer un menu, une page »

11 réponses
Réponse
+0
moins plus
dans le css tu peut mettre les margin-left et margin-right de ton conteneur principal en auto.

pazz
Ajouter un commentaire
Réponse
+0
moins plus
dsl mais ca marche pas
Ajouter un commentaire
Réponse
+0
moins plus
Les margin auto ne fonctionne pas avec IE6.

Ce que je te propose et je sais pas si c'est déjà fait, c'est de tout placer dans un <div id="container"></div>
En CSS tu appliques ensuite le code suivant:
div#container{width: 900px; position:relative; top:0px; left:50%; margin-left:-450px;}

Les valeurs en gras peuvent être modifié.
J'ai mis 900px le large pour l'exemple et le -450px en est la moitié.
C'est une astuce qui fonctionne avec IE6.
Top étant la marge supérieur que tu as au dessus du premier bloc de ton site. J'ai mis 0px pour l'exemple mais tu peux aussi l'augmenter.
Ajouter un commentaire
Réponse
+0
moins plus
Merci,
C'est déjà mieux que sur le coté gauche, mais c'est pas complètement centrer.
Mais pourtant je suis sur firefox (et konqueror avec linux) et le margin:auto ne fonctionne pas.
Enfin je suis content du rendu merci.
Je clos le sujet en étant résolu.
Ajouter un commentaire
Réponse
+0
moins plus
--
Ubuntu User
Ajouter un commentaire
Réponse
+0
moins plus
Il vaut mieux créer un tableau avec l'attribut align='center'
Ajouter un commentaire
Réponse
+0
moins plus
T'aurai un lien vers une version en ligne de ta page ?
Ajouter un commentaire
Réponse
+0
moins plus
oui.
voila le lien.
http://www.alsacreations.com/static/modelesmenus/g05.htm
(C'est pas mon site mais j'ai copier la strucutre)
Ajouter un commentaire
Réponse
+0
moins plus
Sur le div, il y a un margin. Met le à zero.
Par contre j'aurai préféré voir ta page, pas celle depuis laquelle tu travail car je vois pas tes modifs du coup...
Ajouter un commentaire
Réponse
+0
moins plus
Ma page est pas encore en ligne.
Ajouter un commentaire
Réponse
+0
moins plus
bah fait copier-coller ton code sur cette discussion
Ajouter un commentaire
Ce document intitulé « CSS centrer un menu, une page » 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 ?