CSS centrer un menu, une page
Résolu
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.
--
Ubuntu User
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.
--
Ubuntu User
Configuration: Linux Firefox 3.0.10
11 réponses
-
dans le css tu peut mettre les margin-left et margin-right de ton conteneur principal en auto.
pazz -
dsl mais ca marche pas
-
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. -
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.
-
--
Ubuntu User -
Il vaut mieux créer un tableau avec l'attribut align='center'
-
T'aurai un lien vers une version en ligne de ta page ?
-
oui.
voila le lien.
http://www.alsacreations.com/static/modelesmenus/g05.htm
(C'est pas mon site mais j'ai copier la strucutre) -
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... -
Ma page est pas encore en ligne.
-
bah fait copier-coller ton code sur cette discussion