[CSS] : menus déroulants

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par rudddy, 15 Décembre 2008.

  1. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    Bonjour,

    j'ai lu plein de tutoriel et j'ai passé des heures et des heures dessus, mais rien n'y fait : je n'arrive pas à mettre bien mon menu déroulant en css (avec un seul sous niveau pourtant :cry:)

    Voici mon code :
    Code:
    <div id="header">
    ....
    .....
    
      <ul>
        <li class="home">accueil</li>
        <li class="large">
    		<a href="#">Dentiste 1</a>
    		<ul class="sousMenu">
    			<li><a href="#">acte 1</a></li>
    			<li><a href="#">acte 2</a></li>
    			<li><a href="#">acte 3</a></li>
    		</ul>
    	</li>
        <li class="large">
    		<a href="#">Dentiste 2</a>
    		<ul class="sousMenu">
    			<li><a href="#">acte 4</a></li>
    			<li><a href="#">acte 5</a></li>
    			<li><a href="#">acte 6</a></li>
    		</ul>
    	</li>
        <li><a href="#">la charte</a></li>
        <li><a href="#">contact</a></li>
      </ul>
    et mon CSS :
    Code:
    #header ul{
    	height:25px;
    	position:absolute;
    	top:137px;
    	left:290px;
    	margin: 0px;
    }
    
    #header ul li{width:81px; height:25px; float:left;}
    
    #header ul li a{width:81px; height:25px; display:block; background:; color:#fff; font:12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
    
    #header ul li a:hover{background:#D7D6B8; color:#6F1053; text-decoration:none;}
    
    
    #header ul li.home{width:81px; height:25px; display:block; background:#D7D6B8; color:#6F1053; font:12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
    
    
    #header ul li.large{width:150px; height:25px; float:left;}
    
    #header ul li.large a{width:150px; height:25px; display:block; background:; color:#fff; font:12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
    
    #header ul li.large a:hover{background:#D7D6B8; color:#6F1053; text-decoration:none;}
    je ne pige pas : je ne comprends pas ce que je dois mettre dans la classe sousMenu !!!

    MERCI A TOUS
     
  2. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    merci si tu veux j'ai encore plein de liens à te fournir, mais qui ne m'ont malheureusement pas aidés ... (de par ma faute sûrement)
     
Chargement...
Similar Threads - [CSS] menus déroulants Forum Date
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
[CSS] Overflow, float:right, et internet explorer Développement d'un site Web ou d'une appli mobile 10 Août 2009
[css] <li> image en vertical-align:bottom Développement d'un site Web ou d'une appli mobile 18 Juillet 2009
[CSS] bouton non cliquable Développement d'un site Web ou d'une appli mobile 16 Juillet 2009
[CSS] IE8 Développement d'un site Web ou d'une appli mobile 15 Juillet 2009
[CSS] decalage image et texte Développement d'un site Web ou d'une appli mobile 18 Juin 2009
[CSS] : scroller overflow et ie6 :-( Développement d'un site Web ou d'une appli mobile 12 Mai 2009
[CSS] bouton submit + image arriere plan Développement d'un site Web ou d'une appli mobile 20 Avril 2009
[CSS]Positionner la colonne centrale en haut du source Développement d'un site Web ou d'une appli mobile 29 Mars 2009
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[CSS] L'élément body Développement d'un site Web ou d'une appli mobile 21 Décembre 2008
[CSS] : problème de mise en page FF3 Développement d'un site Web ou d'une appli mobile 31 Août 2008
[CSS] (encore!) pas compatible FF Développement d'un site Web ou d'une appli mobile 30 Juin 2008
[RESOLU] [CSS] : rajouter une div Développement d'un site Web ou d'une appli mobile 26 Juin 2008