Probleme pour centrer un menu en css html
Résolu/Fermé
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
-
25 août 2007 à 14:42
radhia - 5 avril 2013 à 13:21
radhia - 5 avril 2013 à 13:21
A voir également:
- Probleme pour centrer un menu en css html
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
9 réponses
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 776
25 août 2007 à 22:36
25 août 2007 à 22:36
Bonjour,
On n'a peut-être pas la patience que ça se charge ?
Ou on n'aime pas que ça mobilise autant de ressources (avant - pendant) ?
Ou bien, on n'aime pas que la musique vienne s'ajouter à ce qu'on écoute déjà. Par goût.
(Merci quand-même de nous laisser le choix, quand on l'a trouvé, de la stopper).
Ou alors qu'il est difficile de se repérer dans cette accumulation disparate et sans repères ?
Par “mozilla”, on suppose que tu évoques Firefox.
Chez moi, Firefox semble afficher ça correctement.
En même temps, on trouve un
On n'a peut-être pas la patience que ça se charge ?
Ou on n'aime pas que ça mobilise autant de ressources (avant - pendant) ?
Ou bien, on n'aime pas que la musique vienne s'ajouter à ce qu'on écoute déjà. Par goût.
(Merci quand-même de nous laisser le choix, quand on l'a trouvé, de la stopper).
Ou alors qu'il est difficile de se repérer dans cette accumulation disparate et sans repères ?
Par “mozilla”, on suppose que tu évoques Firefox.
Chez moi, Firefox semble afficher ça correctement.
En même temps, on trouve un
<div id="menuho">mais nulle part un
#menuhotout seul, n'est défini dans la CSS.
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
25 août 2007 à 21:02
25 août 2007 à 21:02
rebonjour ou plutôt bonsoir
heu!! je vois que personne a la réponse a ma question...
j'ai peu être pas du être assé claire
j'ai beau fouiller un peu partout sur d'autre forum mai je trouve rien
je vous demande svp de bien vouloir vérifier mes codes juste pour voir si il y a des erreurs
parce que j'ai vue quelque par que même si c est valide en wc3 sa veut pas dire que se soit correct
mai la ou je cale vraiment c'est que mon menu colle a tout se qui est en dessous avec Mozilla
j'ai le même menu mai en vertical sur cette page " http://la.poesie.d.isidore.free.fr/error404.php" et sous Mozilla c'est la même chose
alors que sous ie7 c'est parfait
en attente d'une réponse je continue a chercher
a bientôt
heu!! je vois que personne a la réponse a ma question...
j'ai peu être pas du être assé claire
j'ai beau fouiller un peu partout sur d'autre forum mai je trouve rien
je vous demande svp de bien vouloir vérifier mes codes juste pour voir si il y a des erreurs
parce que j'ai vue quelque par que même si c est valide en wc3 sa veut pas dire que se soit correct
mai la ou je cale vraiment c'est que mon menu colle a tout se qui est en dessous avec Mozilla
j'ai le même menu mai en vertical sur cette page " http://la.poesie.d.isidore.free.fr/error404.php" et sous Mozilla c'est la même chose
alors que sous ie7 c'est parfait
en attente d'une réponse je continue a chercher
a bientôt
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
26 août 2007 à 00:44
26 août 2007 à 00:44
bonsoir
merci d'avoir répondu
heu je sais pas pourquoi autant de ressource page trop lourde peu être ???
je vais essayer d'y remédier
pour la musique je sais sa plais pas a tout le monde c'est pour sa que j'ai mis un lecteur avec la possibilité de la stopper
(il en faut pour tout les goûts)...
et pour le reste ma fois moi je le trouve simple et le principal est en avant
mai bon je suis pas un expert...
pour mon menu c'était pas de celui la que je parlai j'ai pas mis de lien vers la page en question (oubli)
la bonne page" http://la.poesie.d.isidore.free.fr/error404.php"
j'ai trouvé la solution a mon problème
si sa peu aider quelqu'un j'ai rajouté sa sur mon css
#Content {
position:absolute;
left:19%;
width:88%;
margin-top:05px;
margin-left:-100px;
padding:0;
border:0;
}
et sa a mon html au niveau de mon menu
<div id="content">MON MENU</div>
j'ai trouvé sa sur un lien ici sur le forum que j'ai ensuite arrangé "http://bluerobot.com/web/css/center2.html"
merci d'avoir répondu
heu je sais pas pourquoi autant de ressource page trop lourde peu être ???
je vais essayer d'y remédier
pour la musique je sais sa plais pas a tout le monde c'est pour sa que j'ai mis un lecteur avec la possibilité de la stopper
(il en faut pour tout les goûts)...
et pour le reste ma fois moi je le trouve simple et le principal est en avant
mai bon je suis pas un expert...
pour mon menu c'était pas de celui la que je parlai j'ai pas mis de lien vers la page en question (oubli)
la bonne page" http://la.poesie.d.isidore.free.fr/error404.php"
j'ai trouvé la solution a mon problème
si sa peu aider quelqu'un j'ai rajouté sa sur mon css
#Content {
position:absolute;
left:19%;
width:88%;
margin-top:05px;
margin-left:-100px;
padding:0;
border:0;
}
et sa a mon html au niveau de mon menu
<div id="content">MON MENU</div>
j'ai trouvé sa sur un lien ici sur le forum que j'ai ensuite arrangé "http://bluerobot.com/web/css/center2.html"
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
26 août 2007 à 00:51
26 août 2007 à 00:51
merci d'avoir jeté un coup d'oeil
je met en problème résolu
je récapitule ma solution:
j'ai trouvé la solution a mon problème
si sa peu aider quelqu'un j'ai rajouté sa sur mon css
#Content {
position:absolute;
left:19%;
width:88%;
margin-top:05px;
margin-left:-100px;
padding:0;
border:0;
}
et sa a mon html au niveau de mon menu
<div id="content">MON MENU</div>
j'ai trouvé sa sur un lien ici sur le forum que j'ai ensuite arrangé "http://bluerobot.com/web/css/center2.html"
je met en problème résolu
je récapitule ma solution:
j'ai trouvé la solution a mon problème
si sa peu aider quelqu'un j'ai rajouté sa sur mon css
#Content {
position:absolute;
left:19%;
width:88%;
margin-top:05px;
margin-left:-100px;
padding:0;
border:0;
}
et sa a mon html au niveau de mon menu
<div id="content">MON MENU</div>
j'ai trouvé sa sur un lien ici sur le forum que j'ai ensuite arrangé "http://bluerobot.com/web/css/center2.html"
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut, je sais que ton topic date mais j'ai le même probleme.
Mais ta technique ne marche pas. je veut faire un menu horizontaux centrer entre mon en tete et mon corps de page, mais j'arrive pas comment faire,
Voici le code de mon menu.
<div id="menu">
<ul>
<li><a href="Accueil.html"> <img src="bouton accueil.jpg"width="114" height="45"/></a></li>
<li><a href="Contacts.html"><img src="bouton contact.jpg"width="114" height="45"/></a>
<li><a href="Accueil.html"><img src="bouton inscriptions.jpg"width="114" height="45"/></a>
<ul>
<li><a href='Inscription Membres.html'><strong>Inscription Membres</strong></A></li>
<li><a href='Inscription Films.html'><strong>Inscription Films</strong></A></li>
<li> <a href='Inscription Newsletter.html'><strong>Newsletter</strong></A></li>
</ul>
<li><a href="Accueil.html"><img src="bouton films.jpg"width="114" height="45"/></a>
<ul>
<li><a href='Nouveauté.html'><strong>Nouveauté</strong></A>
<li><a href="Projets.html"><strong>Projets</strong></a>
<li><a href="Vidéos.html"><strong>Vidéos</strong></a>
<li><a href="Films.html"><strong>Films</strong></a>
</ul>
<li><a href="Accueil.html"><img src="bouton présentation.jpg"width="114" height="45"/></a>
<ul>
<li><a href='Histoire.html'><strong>Histoire</strong></A>
<li><a href="Présentation du site.htlm"><strong>Présentation du site</strong></a>
<li><a href="Matériels"><strong>Matériels</strong></a>
</ul>
<li><a href="Accueil.html"><img src="bouton divers.jpg"width="114" height="45"/></a>
<ul>
<li><a href='#'><strong>Goodies</strong></A>
<li><a href="#"><strong>Agenda</strong></a>
<li><a href="#"><strong>Facebook</strong></a>
</ul>
<li><a href="Livre d'or.html"><img src="bouton livre d'or.jpg"width="114" height="45"/></a>
</div>
Et celui CSS
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:inherit;
padding:0;
background-color:#333;
}
#menu li a {
display:block;
width:116px;
color:white;
text-decoration:none;
padding:1px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
Voila merci d'avance.
Mais ta technique ne marche pas. je veut faire un menu horizontaux centrer entre mon en tete et mon corps de page, mais j'arrive pas comment faire,
Voici le code de mon menu.
<div id="menu">
<ul>
<li><a href="Accueil.html"> <img src="bouton accueil.jpg"width="114" height="45"/></a></li>
<li><a href="Contacts.html"><img src="bouton contact.jpg"width="114" height="45"/></a>
<li><a href="Accueil.html"><img src="bouton inscriptions.jpg"width="114" height="45"/></a>
<ul>
<li><a href='Inscription Membres.html'><strong>Inscription Membres</strong></A></li>
<li><a href='Inscription Films.html'><strong>Inscription Films</strong></A></li>
<li> <a href='Inscription Newsletter.html'><strong>Newsletter</strong></A></li>
</ul>
<li><a href="Accueil.html"><img src="bouton films.jpg"width="114" height="45"/></a>
<ul>
<li><a href='Nouveauté.html'><strong>Nouveauté</strong></A>
<li><a href="Projets.html"><strong>Projets</strong></a>
<li><a href="Vidéos.html"><strong>Vidéos</strong></a>
<li><a href="Films.html"><strong>Films</strong></a>
</ul>
<li><a href="Accueil.html"><img src="bouton présentation.jpg"width="114" height="45"/></a>
<ul>
<li><a href='Histoire.html'><strong>Histoire</strong></A>
<li><a href="Présentation du site.htlm"><strong>Présentation du site</strong></a>
<li><a href="Matériels"><strong>Matériels</strong></a>
</ul>
<li><a href="Accueil.html"><img src="bouton divers.jpg"width="114" height="45"/></a>
<ul>
<li><a href='#'><strong>Goodies</strong></A>
<li><a href="#"><strong>Agenda</strong></a>
<li><a href="#"><strong>Facebook</strong></a>
</ul>
<li><a href="Livre d'or.html"><img src="bouton livre d'or.jpg"width="114" height="45"/></a>
</div>
Et celui CSS
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:inherit;
padding:0;
background-color:#333;
}
#menu li a {
display:block;
width:116px;
color:white;
text-decoration:none;
padding:1px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
Voila merci d'avance.
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
15 janv. 2010 à 14:14
15 janv. 2010 à 14:14
Bonjour,
oui c'est vrai sa fait un bout de temps...
essai avec le css suivant j'ai essayé sous ie8 et ie7 et sous firefox mozilla 3.5 sa fonctionne bien
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:116px;
color:white;
text-decoration:none;
padding:1px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
En espérant t'avoir aidé .
Cordialement,
isidore
oui c'est vrai sa fait un bout de temps...
essai avec le css suivant j'ai essayé sous ie8 et ie7 et sous firefox mozilla 3.5 sa fonctionne bien
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:116px;
color:white;
text-decoration:none;
padding:1px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
En espérant t'avoir aidé .
Cordialement,
isidore
Je viens de mette le code dans mon css. Mais sa ne ma rien changer le menu est toujours en haut, mais pas centrer.
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
15 janv. 2010 à 15:20
15 janv. 2010 à 15:20
Ajoute cette ligne tout en haut de ton css
sa devrais fonctionner
body {
width:900px;/*ou la largeur que tu veut */ margin:auto;
}
Cordialement,
sa devrais fonctionner
body {
width:900px;/*ou la largeur que tu veut */ margin:auto;
}
Cordialement,
Bonjours, je ne suis pas toute a fait d'accord avec vous, le fait de limiter la page avec le width:900px; est limité car personelement j'utilise un menu qui glisse sur une barre qui est 'lié' de chaque bout de la page et cette technique n'est pas compatible avec cette présentation..
le margin:auto; ne fonctionne pas seul, je ne sais vraiment pas comment faire :(
le margin:auto; ne fonctionne pas seul, je ne sais vraiment pas comment faire :(
isidore1964
Messages postés
8
Date d'inscription
samedi 25 août 2007
Statut
Membre
Dernière intervention
2 août 2010
15 janv. 2010 à 16:53
15 janv. 2010 à 16:53
heureux de t'avoir rendu service
Cordialement,
Cordialement,
5 avril 2013 à 13:21