Discussion :

[-Neo-]

Bonjour à tous,

sur un site j'ai un menu déroulant qui a été repris sur les cours CSS de ce type là(je vous mets le css concernant le menu):

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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
 
<style>/*Menu deroulant*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
 
dl dt {
cursor: pointer;
 
}
dl dd {
 
}
dl li {
 
}
dl li a, dl dt a {
 
display: block;
border: 0 none;
height: 100%;
}
dl dt dd li a{
padding-left:20px;
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:182px;
height:15px;
padding-top:5px;
}
dl dt a{
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	width:182px;
	height:15px;
	padding-top:5px;
	padding-left:5px;
 
 
 
}
 
 
dl dt a:hover{
	color:#666666;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
 
 
}
</style>
 
<div id="main_menu">
 
 
 
 
		<dl>
 
		<dt onMouseOver="javascript:montre();"><a href="duplication_cd_dvd.php" title="Duplication de CD et de DVD">Duplication CD/DVD</a></dt>
 
		<dt onMouseOver="javascript:montre('smenu2');" onclick="javascript:montre();"><a href="#" title="Achat de fourniture pour CD et DVD" onMouseOver="javascript:montre('smenu2');">Boutique des fournitures</a></dt>
			<dd id="smenu2"><ul>
                  <?php
 
/*boucle php qui m'affiche les differentes rubrique de a boutique*/
 
 
                      <li><a href="rubrique.php?id_rubrique=$RUBRIQUE"> $RUBTITRE  </a></li>
 
 
				  ?></ul></dd>	
 
		<dt onMouseOver="javascript:montre('smenu3');"><a href="conception_graphique.php">Conception graphique</a></dt>
 
		<dt onMouseOver="javascript:montre('smenu4');"><a href="demande_de_devis_duplication.php" title="Faire une demande de devis, pour de la duplication de CD et DVD">Demande de devis</a></dt>
 
		<dt onMouseOver="javascript:montre('smenu5');"><a href="specifications_techniques_cd_dvd.php">Spécifications techniques</a></dt>
 
 
 
</dl>
  </div>

ce menu marche très bien.ce que je voudrais c'est que une fois sur la boutique les rubriques s'affichent tout le temps (que le menu ne soit plus déroulant en fait).Pour cela je pense appeler le menu dans une autre div que celle définit ci-dessus,mais je ne vois quelles modifs du css dois-je faire pour cela.
merci de votre aide.

[Erwan31]

Bonjour,
ce menu date un peu, il doit être mis à jour depuis quelques temps...
Les listes de définition (DL) ne sont pas adéquates ici et leur utilisation tous
azimuts dont celle des menus déroulant vient à l'origine d'une définition trop
ambigüe de cet élément dans la spécification HTML4.

En réalité même si elles sont pratiques à utiliser, elles ne sont pas exploitables
par les navigateurs et inutiles dans l'utilisation qu'il en est fait pour
des outils comme Google définition.

Utiliser de préférence des liste non-ordonnées (UL) imbriquées.
Tu peux t'inspirer de ce menu.