IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Centrer un menu deroulant en CSS


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 11
    Par défaut Centrer un menu deroulant en CSS
    bonjour
    je cherche à centrer un menuderoulant en css. j'ai mis margin-left: auto et margin-right:auto et precisez le width , j'ai trouvé sur le forum qu'il fallait mettre text-align: center dans le body mais rien
    je suis obligé de faire margin-left=130 px et la c'est centre. j'ai IE et je controle sous morzilla. mais même,pb sur les deux
    merci a tous

    code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #menuDeroulant {width: 800px;  list-style-type: none;  margin: 0;  padding: 0;  border: 0;margin-left:130px; margin-right: auto;}
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div id="bandeau" style="text-align: center">
    	<img src="banniere/banniere01-80 .jpg" border="0" width="756" height="80" alt=""> </div>
    		<div id="menu" > 
       <ul id="menuDeroulant"> 
       <li>
    			<a href="#">accueil</a>
    			<ul class="sousMenu">
    				<li><a href="#">sommaire</a></li>
    				<li><a href="#">accueil</a></li>
     
    			</ul>

  2. #2
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    Salut, ajoutes :


  3. #3
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Le text-align center n'aura aucun effet sur le centrage de ton UL (sauf sous IE
    en mode Quirks...), il ne servira qu'à centrer le texte horizontalement à l'intèrieur des li.
    Il faut conserver tes marges auto latérales, mais est ce que
    800px est vraiment la bonne largeur pour centrer ton menu?

    Il faudrait être plus clair ou/et donner la totalité de ton code HTML.

  4. #4
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    Je ne comprend pas trop ce que tu veux faire. Le centrer au centre de ta page ?

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 11
    Par défaut merci pour vos reponses
    merci pour vos reponses si rapide

    je veux centrer mon menun au cnetre de ma page et quelque soit la largeur de l'ecran des visiteurs voici mon code html


    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    <body bgcolor="#333333"> 
     
     
    	<div id="bandeau" style="text-align: center">
    	<img src="banniere/banniere01-80 .jpg" border="0" width="756" height="80" alt=""> </div>
    		<div id="menu" > 
       <ul id="menuDeroulant"> 
       <li>
    			<a href="#">accueil</a>
    			<ul class="sousMenu">
    				<li><a href="#">sommaire</a></li>
    				<li><a href="#">accueil</a></li>
     
    			</ul>
    		<li>
    			<a href="#">galeries</a>
    			<ul class="sousMenu">
    				<li><a href="#">photos</a></li>
    				<li><a href="#">vidéo</a></li>
     
    			</ul>
    		</li>
    		<li>
    			<a href="#">mise en scène</a>
    			<ul class="sousMenu">			      
    				<li><a href="#">Charles Beauchart</a></li>
    				<li><a href="#">enregistrement de la bande son</a></li>
    				 <li><a href="#">25 ans de spectacle historique</a></li>
    			</ul>
    		</li>
    		<li>
    			<a href="#">technique</a>
    			<ul class="sousMenu">			      
    				<li><a href="#">lumière</a></li>
    				<li><a href="#">accessoire</a></li>
    				<li><a href="#">montage</a></li>
    			</ul>
    		</li>
    		<li>
    			<a href="#">costumes</a>
    			<ul class="sousMenu">			      
    				<li><a href="#">couture</a></li>
    				<li><a href="#">habillage</a></li>
     
    			</ul>
    		</li>
    		<li>
    			<a href="#">lien</a>
    			<ul class="sousMenu">			      
    				<li><a href="#">site officiel</a></li>
    				<li><a href="#">contact</a></li>
     
    			</ul>
    		</li>
    	</ul>
    	</div>
     
     
     
    <div id="img_01"><img src="fichier_lumiere/2003_0913_230038AA-(2).jpg" border="0" width="210" height="114" alt=""></div>

  6. #6
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 11
    Par défaut au sujet du width
    merci erwan de ta reponse
    j'ai, mis width:800px au hasrd je ne sais pas trop a quelle largeur faire reference sacnnnat que j'ai mis 120px pour chaque sous menu ce qui fait 720 px au total est ce que je dois changer mon width du menu???
    merci

  7. #7
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2006
    Messages
    105
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2006
    Messages : 105
    Par défaut
    Bonjour,

    evidement que ca ne veut pas se centrer comme tu veux, tu definie ton block UL avec un width:800px;

    met dans ton css un margin:auto; pour centrer ton menu deroulant puis met lui un width:100px; par exemple tu verras la difference !

    pour t'y retrouver dans tes blocks, je te conseille de faire des background-color afin de voir les delimitations

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Menu deroulant en CSS
    Par d.muriel dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/05/2009, 21h57
  2. [css] Centrer un menu
    Par kilinette dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 04/06/2005, 16h47
  3. [CSS-Javascript] Menu déroulant
    Par JeromeR dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/10/2004, 17h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo