Centrer un menu horizontal déroulant
Résolu/Fermé
A voir également:
- Centrer un menu horizontal déroulant
- Menu déroulant excel - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Excel menu déroulant en cascade - Guide
- Windows 11 menu démarrer classique - Guide
- Menu caché tv continental edison ✓ - Forum Téléviseurs
5 réponses
lalouviere84
Messages postés
116
Date d'inscription
mardi 26 janvier 2010
Statut
Membre
Dernière intervention
19 janvier 2011
24
27 janv. 2010 à 21:23
27 janv. 2010 à 21:23
Salut,
Dans ton CSS, change le width de la div de ton menu déroulant, tu met la largeur en pixel de tes menus (5*100px) et tu ajoute les paddings (dans ton exemple ça donne 535px .... après tout roule
#menu_deroulant
{
height: 10px;
margin: 0 auto;
width:535px;
margin-bottom:2%;
font-weight : bold;
font-family : "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 12px;
}
Dans ton CSS, change le width de la div de ton menu déroulant, tu met la largeur en pixel de tes menus (5*100px) et tu ajoute les paddings (dans ton exemple ça donne 535px .... après tout roule
#menu_deroulant
{
height: 10px;
margin: 0 auto;
width:535px;
margin-bottom:2%;
font-weight : bold;
font-family : "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 12px;
}
C'est parfait, je me suis cassé la tête à savoir qu'est ce qui allait pas alors que c'était juste ca lol, je te remercie!
Juste une dernière chose, comment tu es arrivé à 535px? avec la largeur en pixel de mes menus ok, mais pour les paddings je comprend pas.
lalouviere84
Messages postés
116
Date d'inscription
mardi 26 janvier 2010
Statut
Membre
Dernière intervention
19 janvier 2011
24
28 janv. 2010 à 07:38
28 janv. 2010 à 07:38
Pour trouver 535px, j'ai fais comme ça :
Tu as 5 éléments de menu avec 100px de largeur (5x:100 = 500px)
Tu as défini :
{
display : block;
padding : 3px;
Donc 3px de plus à droite et à gauche de chaque élément de menu (5x3x2 =30px)
Tu as aussi défini :
Border : 1px
Donc 5px de plus... (5px)
500+30+5 ....
Je sais pas si c'est complètement exact comme solution mais ça à l'air de fonctionner chez toi !!
Tu as 5 éléments de menu avec 100px de largeur (5x:100 = 500px)
Tu as défini :
{
display : block;
padding : 3px;
Donc 3px de plus à droite et à gauche de chaque élément de menu (5x3x2 =30px)
Tu as aussi défini :
Border : 1px
Donc 5px de plus... (5px)
500+30+5 ....
Je sais pas si c'est complètement exact comme solution mais ça à l'air de fonctionner chez toi !!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question