Les Allergies
Alimentaires
Posez votre question Signaler

Centré un menu css [Résolu]

dercom1 8Messages postés 23 juillet 2010Date d'inscription 12 août 2010Dernière intervention - Dernière réponse le 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
Lire la suite 

Centré un menu css »

15 réponses
Réponse
+0
moins plus
ze-life-of-quent1 1371Messages postés 8 février 2010Date d'inscription 2 mai 2012Dernière intervention 11 août 2010 à 17:41
Bonjour,
changez de margin:0; de ul#css3menu,ul#css3menu ul en margin:0 auto 0 auto;

Ajouter un commentaire - Site web
notobe- 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à...
Ajouter un commentaire
Réponse
+0
moins plus
dercom1 8Messages postés 23 juillet 2010Date d'inscription 12 août 2010Dernière intervention 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.

 Ajouter un commentaire
Afficher les 4 commentaires
notobe- 11 août 2010 à 18:38
Mais non ! ça vient du position:absolute ! (voir mon commentaire juste au dessus)
ze-life-of-quent1- 11 août 2010 à 18:44
A oui, je n'y avait pas pensé ^^
dercom1- 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
Ajouter un commentaire
Réponse
+0
moins plus
dercom1 8Messages postés 23 juillet 2010Date d'inscription 12 août 2010Dernière intervention 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

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
dercom1 8Messages postés 23 juillet 2010Date d'inscription 12 août 2010Dernière intervention 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.

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
dercom1 8Messages postés 23 juillet 2010Date d'inscription 12 août 2010Dernière intervention 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 :
http://www.alsacreations.com/...

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

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
dercom1 8Messages postés 23 juillet 2010Date d'inscription 12 août 2010Dernière intervention 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

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
notobe 1454Messages postés 11 novembre 2009Date d'inscription 8 juillet 2011Dernière intervention 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.

Ajouter un commentaire
dercom1 - 11 août 2010 à 22:39
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
dercom1- 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
notobe- 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/60/
Ajouter un commentaire
Posez votre question
Ce document intitulé « Centré un menu css » 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 ?