28172 sujets

CSS et mise en forme, CSS3

Centrer mon menu css

Moi même ayant buté sur ce genre de problème à mes début, je te conseillerai de lire ceci :
http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html

Autre chose, je te déconseille de faire des sites sous forme de tableau. C'est très restrictif compte tenu des possibilité qu'offre les systèmes aujourd'hui ...

Également, je te déconseille de faire de la mise en page via ton html.
Le html, c'est pour la structure.
Le css c'est pour l'aspect.
(donc le <center>...</center> ... poubelle Smiley lol , sauf si vraiiiiment indispensable, mais j'en doute. )

bon courage !
Ok je vais vite voir ton lien
pour le tableau c'est ce que j'ai fait le menu est deja dans un tableau mais c'est comme si il etait dans le vide j'ai mis des balise center sur le html mais sans effet. merci pour ton aide precieu
j'ai ajouter ces element et ca semble aller je vais tester sur plusieur resolution d'ecran voir. mais les ecriture du menu meme sont alignées a gauche et a droite ya un vide desagreable. aussi il ne prend pas le tableau dans sa largeur mais dans sa longueur


ul#css3menu,ul#css3menu ul{
margin-left: auto;margin-right: auto;
&

ul#css3menu{widht:100%;}

j'ai aussi mi mon tableau a 100% au lieu de 80% voici les nouveau lien:

http://coutume.webou.net/news/horizontale.html
http://coutume.webou.net/news/horizontale_files/style.css
Modifié par dercom (11 Aug 2010 - 19:50)
Pourquoi utiliser un tableau, les div sont encore mieux ! d'autant que l'article que "vedelvetsyn" a mentionner parle du positionnement avec des div et cela ne marche pas pour les tableau.

je suppose que vous voulez gardé une largeur fixe ( 900 px par exemple ) si non comment voulez vous le centrer le menu si il occupe la totalité de l'écran Smiley lol

je suggère changer le code html en ceci : 



<div id="body">

<ul id="css3menu">
<li> ....
</li>
</ul>
</div>






#body
{
display:block;
margin:auto;
position:relative;
width:900px;
}


et n'oublie pas de virer le <br> que tu a mis entre le <body> et la <div>

ps : j'ai utiliser les fichier de la première version.
Sujet clos
Aller à