> Tous les forums > Forum des Webmasters
 centrer un menu deroulant horizontal / CSS-HTMLSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Millepuces
  Posté le 28/06/2009 @ 13:29 
Aller en bas de la page 
Petite astucienne

bonjour à toutes et tous !

j'ai un soucis avec mon menu deroulant horizontal j'aimerais le centrer (ce qui est fait)

mais le sous-menu ne suit pas le block, il dérive à droite, auriez-vous une solution que je ne vois pas ni sur siteduzero ni sur PCA

voici un bout du code CSS:

#menu, #menu ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
margin-left : 110px; /*centre le menu liste */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 22px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */

font-family : Comic Sans Ms normal; /* on utilise Comic Sans Ms normal, c'est plus beau ^^ */
font-size : 14px; /* hauteur du texte : 14 pixels */

}

#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #D9D9FF; /* couleur de fond */
color : #000000; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 125px; /* largeur */
}

#menu li /* Elements des listes */
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

Merci pour vos aides toujours précieuses !!! ps: j'ai voulu mettre mon bout de code en css pas trouvé la manipulation sur le menu en haut ! désolée

Publicité
Millepuces
 Posté le 29/06/2009 à 12:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

re ,

j'ai résolue mon problème merci de m'avoir lu

#menu li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
width: 125px; /* Largeur des sous-listes */
margin-left: 0px; /* On remet le sous-menu en place */
left: -999em; /* Hop, on envoie loin du champ de vision */

}

j'ai rajouté margin-left ,0px; et voila tout est centrer !

A bientot surremen

millepuces

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Mini PC NiPoGi H1 (Ryzen 7 6800HU, 16 Go RAM, SSD 512 Go, Radeon 680M, Windows 11 Pro)
333,48 € 429 € -22%
@Amazon
Grosses promotions pour le Super Sale chez Geekbuying
-70% -1 -22%
@Geekbuying
Batterie externe FOSSiBOT F800 512Wh, 800W, LifePOE4 + panneau solaire pliable SP200 (200W)
519 € 659 € -21%
@Geekbuying
Lot de 3 tapis de cuisson en silicone Amazon Basics
10,54 € 16 € -34%
@Amazon
Mini PC BMAX B9 Power (Core i9-12900H, 32 Go RAM DDR5, SSD NVMe 1 To, WiFi 6, BT 5.2, Windows 11)
499 € 599 € -17%
@Geekbuying
Mini PC RUPA HSI-100 (Intel N100, 16 Go RAM, SSD 512 Go, WiFi 6, Windows 11 Pro)
149,99 € 195 € -23%
@Geekbuying

Sujets relatifs
Target dans menu déroulant "option value=...." html
centrer mon menu deroulant
Menu Déroulant Html + Javascript
Centrer menu!!
Comment centrer le menu
Menu déroulant devenu inactif
menu deroulant vertical
aide pour menu déroulant
menu déroulant pas en place!
Problème de menu horizontal centré
Plus de sujets relatifs à centrer un menu deroulant horizontal / CSS-HTML
 > Tous les forums > Forum Forum des Webmasters