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"> </a></li><!-- METTRE ESPACE si pas de texte--> <li><a href="page9.html">Contact</a></li> </ul>
Et voici le code css :
J'espère que vous pourrez m'aider. Je dois être pas loin de la soluce mais là je ne vois plus.
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); }
Merci pour votre aide.
Partager