La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Centrer un menu		 « Précédent Suivant »
Pages: [1] 2 Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Centrer un menu  (Lu 1905 fois)
Centrer un menu
« sur: le 10-12-2009 a 14:59:34 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

bonjour à tous,

je cherche le moyen de centrer un menu horizontal (suite de boutons) de manière qu'il apparaisse au centre de la page - comme le reste du contenu, à la fois sur IE et FF (versions actuelles).

Voici l'adresse de la page :  http://autodrome-cannes.com/default-b.asp

Elle a été créée avec Front Page et je suis très débutant, donc, il y aurait beaucoup à faire, mais pour l'instant mon problème est juste celui ci-dessus...

Merci poar avance si vous pouvez m'aider !
Rapporter au modérateur  

Re:Centrer un menu
« Répondre #1 sur: le 12-12-2009 a 15:51:37 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

Hmmmm.... ça n'a pas l'air facile, donc ?  J'espère que quelqu'un pourra me suggérer une solution.
Merci par avance.
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #2 sur: le 13-12-2009 a 16:17:47 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

salut,
cela n'a rien de difficile. c'est juste qu'avec Frontpage, la chose la plus simple devient un vrai calvaire étant donné la très mauvaise qualité du code.
Pour faire simple, tu dois donner une largeur a ton div dont l'id est "navcontainer" et ensuite le centrer avec un margin:auto !
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #3 sur: le 14-12-2009 a 11:48:28 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

Merci de ta réponse KB.

J'ai fixé cette largeur en pixels (1000), mais un problème demeure : si le container se centre bien, en revanche à l'intérieur du div "navcontainer" les boutons ne sont pas disposés au centre, mais justifiés à gauche.

Y a-t-il un moyen pour que la suite des boutons se centre dans le div "navcontainer"?

Merci pour ton aide.
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #4 sur: le 14-12-2009 a 12:19:21 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

tu dois également enlever le margin:0pt dans les style du menu dont l'id est "navlist" et le centrer avec un margin:auto.
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #5 sur: le 14-12-2009 a 12:46:05 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

Merci, avec ce code :

<style>
#navcontainer {
margin:auto;
width: 1000px;
}
</style>

...entre les balises <head> et </head>,

et avec :  "margin: auto" pour le div "navlist"

le menu de ma page 
http://autodrome-cannes.com/default-b.asp

est en effet centré ; mais cela fonctionne uniquement sous IE et pas sous FF. C'est déjà très bien...mais...peut-on faire "lire" ce centrage à FF ?
Une idée ?
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #6 sur: le 14-12-2009 a 13:37:10 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

donne aussi une largeur a ton menu
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #7 sur: le 14-12-2009 a 14:28:32 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

oui.. mais dans quelle partie du code HTML ?

j'ai essayé en introduisant entre <head>et </head> :

#navlist {
text-align: center;
width: 1000px;
margin:0 0;
padding: 0 0;
  }

et dans <ul id = navlist..." (etc).

mais sans résultat sous FF...
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #8 sur: le 14-12-2009 a 14:56:53 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

dans le head :

/*le css de ton menu*/
#navlist  ul{
position:relative;
width:950px;
margin:auto
}
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #9 sur: le 14-12-2009 a 15:09:15 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

Merci KB ; mais étant débutant là je cale : que désigne-ton par "le CSS" de mon menu ?

J'ai maintenant ceci dans head :

<style>
#navcontainer {
margin:auto;
width: 1000px;
}
#navlist  ul{
position:relative;
width:950px;
margin:auto
}
</style>

Mais sans résultat. J'imagine que la syntaxe n'est pas correcte ? peux-tu me dire ce qui ne va pas ?

« Dernière Édition: le 14-12-2009 a 15:12:47 par zonda » Rapporter au modérateur  
Re:Centrer un menu
« Répondre #10 sur: le 14-12-2009 a 15:54:20 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

C'est correct mais il y a des erreurs dans ton code dans le ul : (width: "1000px")

de mon coté, en ajoutant seulement une largeur (comme tu l'as fait, cela fonctionne).
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #11 sur: le 14-12-2009 a 16:23:48 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

Désolé, mais je ne comprends pas ; peux-tu être plus explicite ?
Dois-je maintenir l'information de largeur dans le head, et aussi dans le ul id, ou n'en faut-il qu'à un seul endroit et lequel ...?
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #12 sur: le 14-12-2009 a 16:36:56 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

tu as supprimer le width dans le style de l'<ul> et c'est très bien. Il était en effet mal écrit et inutile puisque nous l'avons spécifié dans le <head>.

par contre, j'ai fait une erreur dans mon post précédent et je m'en excuse, au lieu de:
#navlist  ul{
position:relative;
width:950px;
margin:auto
}

je voulais ecrire:
#navcontainer ul{
position:relative;
width:950px;
margin:auto
}

cela devrait désormais fonctionner.
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #13 sur: le 14-12-2009 a 17:08:58 »
zonda
Membre récent
*

Hors-Ligne

Messages: 22



NY, 11/9: 3000 victimes, Hiroshima, 6/8, 100.000

Voir le Profil
Répondre avec citation

En effet, maintenant j'ai ceci dans mon head :

#navcontainer {
margin:auto;
width: 1000px;
}

#navcontainer ul{
position:relative;
width:950px;
margin:auto
}

et c'est davantage centré sur FF - pas totalement cependant, mais c'est déjà bien mieux.

Bizarrement, ça change selon le niveau de zoom d'affichage ; pour un certain niveau, le dernier bouton est renvoyé à la ligne, mais pas si on zoome plus grand ou plus petit. Curieux. Cela doit être plus compliqué à résoudre.



Merci beaucoup en tous cas, tu m'as déjà bien aidé et je veux pas abuser de ton temps.
Rapporter au modérateur  
Re:Centrer un menu
« Répondre #14 sur: le 14-12-2009 a 18:05:03 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

j'ai mis width:950px un peu a l'oeil ! tu peux jouer sur cette valeur pour le placer mieux.
Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] 2 Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 
Logo du forum du webmaster

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg