Centré un menu css

Résolu/Fermé
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010 - 11 août 2010 à 17:33
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 12 août 2010 à 14:13
Bonsoir,
Je sollicite votre aide pour pouvoir positionnner un menu fait en css
je voudrais pouvoir le centre sur ma page et le placer dans un tableau
mais si je le met dans le TD c'est comme si je n'avais rien fait et en plus si la resolution de l'ecran change il devient desagreable. voici le lien du menu et celui de mon fichier .css
http://coutume.webou.net/horizontale.html
http://coutume.webou.net/horizontale_files/style.css



A voir également:

7 réponses

ze-life-of-quent1 Messages postés 1573 Date d'inscription lundi 8 février 2010 Statut Membre Dernière intervention 17 octobre 2015 776
11 août 2010 à 17:41
Bonjour,
changez de margin:0; de ul#css3menu,ul#css3menu ul en margin:0 auto 0 auto;
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
11 août 2010 à 17:53
non, ça ne marche pas (c'est la 1ère chose que j'ai essayé ;))
Ce menu est positionné en absolu :
ul#css3menu{
	padding:6px 6px 6px 0;display:block;font-size:0;position:absolute;z-index:1000;left:10px;top:10px;}


Donc le centrage... voilà, voilà...
0
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
11 août 2010 à 17:53
Merci je vien de le changer mais il est toujour aligner a gauche et en haut dois-je modifier autre chose? merci pour votre aide precieuse.
0
ze-life-of-quent1 Messages postés 1573 Date d'inscription lundi 8 février 2010 Statut Membre Dernière intervention 17 octobre 2015 776
11 août 2010 à 18:36
J'ai regarder le code, fait une trentaine de tests sur différents éléments et rien. Je pense que ça viens du fait que ce soit un table.
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
11 août 2010 à 18:38
Mais non ! ça vient du position:absolute ! (voir mon commentaire juste au dessus)
0
ze-life-of-quent1 Messages postés 1573 Date d'inscription lundi 8 février 2010 Statut Membre Dernière intervention 17 octobre 2015 776
11 août 2010 à 18:44
A oui, je n'y avait pas pensé ^^
0
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
11 août 2010 à 18:48
Au cas ou ce sera pas possible pouriez m'aider avec un logiciel de creation de menu css gratuit. celui c'est css3 j'ai utilisé pour le faire. merci
0
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
11 août 2010 à 18:41
Non je l'ai enlever du tableau et le mettre juste après le body mais c'est pareil
0
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
11 août 2010 à 18:44
j'ai essayer de changer la position en mettant static relative mais pas d'effet au contraire ca mellange encore.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
11 août 2010 à 18:55
le meme message dans un autre furum on me repond par ce massage;

(Moi même ayant buté sur ce genre de problème à mes début, je te conseillerai de lire ceci :
https://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 , sauf si vraiiiiment indispensable, mais j'en doute. )

bon courage !)
mais j'ai suivi son lien mais je ne m'ensort pas je rappel que je suis novice dans le css merci
0
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
11 août 2010 à 19:14
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
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
11 août 2010 à 20:37
Une solution éventuelle (y'en a peut-être une autre plus astucieuse)

Votre menu fait environ 845px de large sur 45px de haut donc, à la place de
ul#css3menu{
	padding:6px 6px 6px 0;display:block;font-size:0;position:absolute;z-index:1000;left:10px;top:10px;}

vous mettez :
ul#css3menu{
padding:6px 6px 6px 0;
display:block;
width:845px;
height:45px;
margin:auto
}


Tout tableau est inutile.
0
ok je vais l'assayer tout de suite pour voir
comment avez vous defini les largeur et les hauteur de mon menu si possible dite le moi pour que je l'exploite pour les autre menu a venir. merci
0
dercom1 Messages postés 10 Date d'inscription vendredi 23 juillet 2010 Statut Membre Dernière intervention 12 août 2010
12 août 2010 à 11:49
Tout marche très bien tu m'as sauver je te remercie infiniment
je vous invite a visiter mon site http://coutume.webou.net qui est en construction et s'il vous plait critiquer moi sans crainte mais apporter moi votre aide a coté des critiques et je vous en serai très reconnaissant. encore merci
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
12 août 2010 à 14:13
Pour estimer la taille du menu, j'ai utilisé l'extension webdevelopper pour Firefox.
https://addons.mozilla.org/fr/firefox/addon/web-developer/
0