1. #1
    Membre habitué Avatar de solorac
    Inscrit en
    avril 2007
    Messages
    476
    Détails du profil
    Informations personnelles :
    Âge : 47

    Informations forums :
    Inscription : avril 2007
    Messages : 476
    Points : 136
    Points
    136

    Par défaut Taille FONT dans un sous menu déroulant

    Bonsoir la Communauté,

    Je voudrais diminuer la taille de mon texte dans mon sous-menu déroulant mais bien-sur je n'y arrive pas.

    J'aimerai que le menu niveau 1 reste en taille normale et que les sous-menu sans survol et avec survol passe à la taille en dessous. En fait, Présentation doit rester à la taille définie dans la base de mon site et c'est "Qui, Quoi et Comment" que je voudrais réduire.

    Voici mon code htlm :
    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
    <ul id="menu2">
    	<li><a href="#">Accueil</a></li>
    	<li><a href="#">Présentation</a>    
    		<ul>
    			<li><a href="page2.html">Qui ?</a></li>
    		 	<li><a href="page3.html">Quoi ?</a></li>
    			<li><a href="page4.html">Comment</a></li>
    		</ul>
    	</li>
     
    	<li><a href="#">Services</a>
    		<ul>
    			<li><a href="page5.html">Nos pl</a></li>
    			<li><a href="page6.html">Nos part</a></li>
    		</ul>
    	</li>
     
      	<li><a href="page7.html">M.D.A.</a></li>
     
      	<li><a href="page8.html">&nbsp;</a></li><!-- METTRE ESPACE si pas de texte--> 
     
      	<li><a href="page9.html">Contact</a></li>
     
    </ul>

    Et voici le code css :

    Code : 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
    /* background des liens menus */
    #menu2 li:first-child{
    background:url(../images/visiteurs/b5a.png);
    margin-top:-3px;
    }
    #menu2 li:nth-child(2){
    background:url(../images/visiteurs/b5a.png);
    }
    #menu2 li:nth-child(3){
    background:url(../images/visiteurs/b5a.png);
    }
    #menu2 li:nth-child(4){
    background:url(../images/visiteurs/b5a.png);
    }
    #menu2 li:nth-child(5){
    background:url(../images/visiteurs/b5na.png);
    }
    #menu2 li:last-child{
    background:url(../images/visiteurs/b5a.png);
    }
     
     
     /*background des liens menus et sous menus au survol */
    #menu2 li:first-child:hover, #menu2 li:first-child li:hover{
    background:url(../images/visiteurs/b6x.png);
    }
    #menu2 li:nth-child(2):hover, #menu2 li:nth-child(2) li:hover{
    background:url(../images/visiteurs/b6x.png);
    }
    #menu2 li:nth-child(3):hover, #menu2 li:nth-child(3) li:hover{
    background:url(../images/visiteurs/b6x.png);
    }
    #menu2 li:nth-child(4):hover, #menu2 li:nth-child(4) li:hover{
    background:url(../images/visiteurs/b6x.png);
    }
    #menu2 li:nth-child(5):hover {
    background:url(../images/visiteurs/b6ny.png);
    }
    #menu2 li:last-child:hover, #menu2 li:last-child li:hover{
    background:url(../images/visiteurs/b6x.png);
    }
    J'espère que vous pourrez m'aider. Je dois être pas loin de la soluce mais là je ne vois plus.
    Merci pour votre aide.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    11 948
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 11 948
    Points : 25 507
    Points
    25 507

    Par défaut

    Bonjour,
    j'ai du mal à voir où tu bloques, il te suffit de cibler les <li> de deuxième niveau de ton menu.

    PS : le CSS que tu présentes me paraît à priori bien compliqué !

  3. #3
    Membre habitué Avatar de solorac
    Inscrit en
    avril 2007
    Messages
    476
    Détails du profil
    Informations personnelles :
    Âge : 47

    Informations forums :
    Inscription : avril 2007
    Messages : 476
    Points : 136
    Points
    136

    Par défaut

    Bonjour NoSmoking,

    Mais c'est là où le bât blesse !!!

    Je n'arrive pas à "limiter" ma réduction de taille au deuxième niveau.
    Je ne connais tout simplement pas le code !!

  4. #4
    Membre habitué Avatar de solorac
    Inscrit en
    avril 2007
    Messages
    476
    Détails du profil
    Informations personnelles :
    Âge : 47

    Informations forums :
    Inscription : avril 2007
    Messages : 476
    Points : 136
    Points
    136

    Par défaut

    Lorsque j'applique le code suivant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     /*background des liens menus et sous menus au survol */
    #menu2 li:first-child:hover, #menu2 li:first-child li:hover{
    background:url(../images/visiteurs/b6x.png);
    }
    #menu2 li:nth-child(2):hover, #menu2 li:nth-child(2) li:hover{
    background:url(../images/visiteurs/b6x.png); font-stretch:semi-condensed; font-size:12px;
    }
    Lors du survol de "Présentation", certe Qui, Quoi et comment", passent en taille réduite mais Présentation aussi !!

  5. #5
    Membre éprouvé
    Homme Profil pro
    Étudiant
    Inscrit en
    novembre 2015
    Messages
    542
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2015
    Messages : 542
    Points : 1 132
    Points
    1 132

    Par défaut

    Hello,

    C'est normal, si on regarde un peu la structure de ta liste, "Présentation", "Qui", "Quoi", "Comment" ont exactement les mêmes dénominateurs et donc ton CSS, s'applique de la même manière à tout ces éléments.

    Je te conseil dans un premier temps, de rajouter une classe uniquement sur les éléments qui nécessitent tes changements et d'y appliquer les propriétés nécessaires.


    Juste, petite remarque qui a été soulevé plus haut, ton CSS m'a l'air bien compliqué pour l'utilisation voulue. Ce qui est encore plus dommage, c'est qu'il ne soit pas le tiens visiblement... Tu pourrais énormément alléger ton code afin qu'il soit plus claire pour toi, puisque là, il ne t'apprend pas grand chose.

    Bon courage en tout cas,

    See yaaa
    Un fait toujours plaisir et encourage à l'entraide. Un n'est pas à négliger, pensez aux autres !

    Anciennement magicarpe44, Leviathor incoming...

    Que la force soit avec Developpez.net

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    11 948
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 11 948
    Points : 25 507
    Points
    25 507

    Par défaut

    Citation Envoyé par solorac
    Je n'arrive pas à "limiter" ma réduction de taille au deuxième niveau.
    Je ne connais tout simplement pas le code !!
    il te faut donc regarder du coté des sélecteurs descendants :

Discussions similaires

  1. [MOSS2007] Filtre dans un sous-menu
    Par dsy dans le forum SharePoint
    Réponses: 4
    Dernier message: 01/02/2008, 10h25
  2. sous menu déroulant - IE & FF
    Par pop_up dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 14/11/2007, 16h36
  3. Taille en hauteur d'un menu déroulant
    Par LDDL dans le forum JavaScript
    Réponses: 1
    Dernier message: 23/07/2007, 10h05
  4. Taille en hauteur d'un menu déroulant
    Par LDDL dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 21/07/2007, 09h41
  5. Comment placer un sous menu déroulant
    Par boo64 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 11/01/2007, 00h26

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