Centrer ce menu CSS...
Résolu/Fermé
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
-
4 mars 2011 à 23:54
agencetourix Messages postés 192 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 11 novembre 2011 - 6 mars 2011 à 22:53
agencetourix Messages postés 192 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 11 novembre 2011 - 6 mars 2011 à 22:53
A voir également:
- Centrer ce menu CSS...
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu demarrer windows 10 - Guide
12 réponses
Stéphane18
Messages postés
372
Date d'inscription
jeudi 3 mars 2011
Statut
Membre
Dernière intervention
20 février 2019
132
6 mars 2011 à 22:36
6 mars 2011 à 22:36
Salut, pour centrer ton menu tu as besoin pour commencer de lui donner une longueur avec la propriété width et ensuite tu peux le centrer:
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(images/nav-bg.jpg);
width: 900px;
margin: auto;
}
Enlève par la même occasion ça:
<div align=center></div>
car ça ne sert à rien et tu a oublié de mettre les guillemets ""
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(images/nav-bg.jpg);
width: 900px;
margin: auto;
}
Enlève par la même occasion ça:
<div align=center></div>
car ça ne sert à rien et tu a oublié de mettre les guillemets ""
titigrominet
Messages postés
24
Date d'inscription
mercredi 2 mars 2011
Statut
Membre
Dernière intervention
6 mars 2011
8
5 mars 2011 à 00:24
5 mars 2011 à 00:24
Bonjour
Donne un bout de code html qui va avec si tu as stp
Donne un bout de code html qui va avec si tu as stp
sammedve
Messages postés
14
Date d'inscription
samedi 7 novembre 2009
Statut
Membre
Dernière intervention
28 mars 2011
5 mars 2011 à 00:32
5 mars 2011 à 00:32
aussi j'ai vu que tu as une div clear (certainement pour annuler le float d'autant que tu a mis float none . Le mieux est de mettre
C'est plus propre
clear:both
C'est plus propre
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
33
5 mars 2011 à 20:54
5 mars 2011 à 20:54
Voici mon code html
je m'entraîne en fait (code issu du site du zéro)
je m'entraîne en fait (code issu du site du zéro)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title></title> <link rel="stylesheet" type="text/css" href="/menu/menu_style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <?php include("entete.php"); ?> <?php include("menu.php"); ?> <div id="corps"> <h1>Mon super site</h1> <p> Bienvenue sur mon super site !<br /> Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D </p> </div> <?php include("pied_de_page.php"); ?> </body> </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
33
6 mars 2011 à 21:01
6 mars 2011 à 21:01
up svp
MastercroW
Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
6 mars 2011 à 21:06
6 mars 2011 à 21:06
Tu veux t'entraîner?
Et ben alors fait dans ton CSS, un div nommer "corps" qui centrera l'HTML ! x)
Et ben alors fait dans ton CSS, un div nommer "corps" qui centrera l'HTML ! x)
MastercroW
Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
6 mars 2011 à 21:08
6 mars 2011 à 21:08
Ou alors, tu mets à la place de
<div id="corps"> <h1>Mon super site</h1> <p> Bienvenue sur mon super site !<br /> Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D </p> </div>Sa
<div align=center> <h1>Mon super site</h1> <p> Bienvenue sur mon super site !<br /> Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D </p> </div>
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
33
6 mars 2011 à 21:11
6 mars 2011 à 21:11
j'ai fais un <div id="corps">
avant le menu
que j'ai refermé ensuite par un </div>
mais côté du fichier CSS je dois faire quoi en +
ou en - ;)
je suis en train d'apparendre XHTML CSS et PHP en même temps
et des fois je m'embrouille un peu les pinceaux faut dire...
merci pour ton aide en tout cas ;)
avant le menu
que j'ai refermé ensuite par un </div>
mais côté du fichier CSS je dois faire quoi en +
ou en - ;)
je suis en train d'apparendre XHTML CSS et PHP en même temps
et des fois je m'embrouille un peu les pinceaux faut dire...
merci pour ton aide en tout cas ;)
MastercroW
Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
6 mars 2011 à 21:12
6 mars 2011 à 21:12
regarde juste en haut ce que j'ai mis
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
33
6 mars 2011 à 21:14
6 mars 2011 à 21:14
J'ai mis
<div align=center>
au dessus du menu et </div> après pour refermer
mais ça ne fonctionne pas!
je ne vois pas ce que je fais de mal ?
<div align=center>
au dessus du menu et </div> après pour refermer
mais ça ne fonctionne pas!
je ne vois pas ce que je fais de mal ?
MastercroW
Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
6 mars 2011 à 21:17
6 mars 2011 à 21:17
Tu veux centré ton menu ?
Met moi ton code du menu xD
Met moi ton code du menu xD
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
33
6 mars 2011 à 21:29
6 mars 2011 à 21:29
Voilà
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title></title> <link rel="stylesheet" type="text/css" href="menu/menu_style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body><div align=center> <div class="nav-container-outer"> <img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" /> <img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" /> <ul id="nav-container" class="nav-container"> <li><a class="item-primary" href="../index.php" target="_self">ACCUEIL</a> </li> <li><span class="divider divider-vert" ></span></li> <li><a class="item-primary" href="../page1.php" target="_self">PAGE1</a> </li> <li><span class="divider divider-vert" ></span></li> <li><a class="item-primary" href="../page2.php" target="_self">PAGE2</a> </li> <li><span class="divider divider-vert" ></span></li> <li><a class="item-primary" href="../page3.php" target="_self">PAGE3</a> </li> <li><span class="divider divider-vert" ></span></li> <li><a class="item-primary" href="../page4.php" target="_self">PAGE4</a> </li> <li><span class="divider divider-vert" ></span></li> <li><a class="item-primary" href="../partenaires.php" target="_self">PARTENAIRES</a> </li> <li><span class="divider divider-vert" ></span></li> <li class="clear"> </li> </ul> </div></div> </body> </html>
agencetourix
Messages postés
192
Date d'inscription
mardi 24 août 2010
Statut
Membre
Dernière intervention
11 novembre 2011
33
6 mars 2011 à 22:53
6 mars 2011 à 22:53
Merci ça marche
J'ai fais ensuite mon réglage par rapport au nombre de pixels que je voulais.
je ne savais pas en fait que cette ligne
.nav-container-outer
signifiait pour faire ça, maintenant c bon ;)
bonne continuation merci l'ami !
J'ai fais ensuite mon réglage par rapport au nombre de pixels que je voulais.
je ne savais pas en fait que cette ligne
.nav-container-outer
signifiait pour faire ça, maintenant c bon ;)
bonne continuation merci l'ami !