Bonjour,
sur mon site je souhaiterai faire 2 menu deroulant au passage de la souris
un verrtical
forum
-index
- connexion
- inscription
- flux rss
et un vertical en dessous de navigation sur mon site
divers
et au passage de la souris a droit deroule le menu
- outils
-liens utiles
-graphiste tuto
le css que jai essayé de faire
mon menu actuel html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70 #menuderoulant { width: 644px; list-style-type: none; margin: 0; padding: 0; border: 0; } #menuderoulant li { float: left; width: 150px; margin: 0; padding: 0; border: 0; } #menuderoulant .sousMenu { list-style-type: none; margin: 0; padding: 0; border: 0; display: none; position: absolute; top: 0; left: 0; } #menuderoulant .sousMenu li { float: none; margin: 0; padding: 0; border: 0; width: 149px; border-top: 1px solid transparent; border-right: 1px solid transparent; } #menuderoulant li a:link, #menuderoulant li a:visited { display: block; height: 1%; color: #FFF; background: #3B4E77; margin: 0; padding: 4px 8px; border-right: 1px solid #fff; text-decoration: none; } #menuderoulant li a:hover { background-color: #F2462E; } #menuderoulant li a:active { background-color: #5F879D; } #menuderoulant .sousMenu li a:link, #menuderoulant .sousMenu li a:visited { display: block; color: #FFF; margin: 0; border: 0; text-decoration: none; background: transparent url("../images/topMenuHover.gif") repeat; } #menuderoulant .sousMenu li a:hover { background-image: none; background-color: #F2462E; } #menuDeroulant li:hover > .sousMenu { display: block; }
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 <div id="topMenu"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <ul> <li class="imageSeparateur"><!--ne placer rien dans ce li --> </li> <!--Éléments du menu principal, vous pouvez ajouter ou supprimer des lignes --> <li><a href="index.php">Accueil</a></li> <li><a href="services.php">Services</a></li> <li><a href="assistance.php">Demande Assistance</a></li> <li><a href="enligne.php">En Direct</a></li> <li><a href="forum/index.php">Forum</a></li> <li><a href="contact.php">Contact</a></li> <li><a href="partenaires.php">Partenaires</a></li> </ul>
Partager