Discussion :

[Marc22]

Bonjour, titre un peu long, en fait j'ai mon menu, et j'ai des boutons .gif, lorsque je passe la souris dessus, ça change de bouton normal à bouton enfoncé sans problème. Mais si je descend dans le sous menu, le bouton redevient normal alors que j'aimerais qu'il reste au statut de bouton enfoncé.

Voilà en fait en CSS, il y a hover lorsque le curseur est dessus, active lorsqu'on appuie dessus, et comment faire pour que lorsqu'on passe au sous menu, ça reste enfoncé à hover?

[vodiem]

salut Marc22,

... (correction)

tu pourrais utiliser le javascript.

[Marc22]

Bonsoir. Merci pour ces précisions.

dommage pour CSS, le javascript en plus ça me fait un peu peur vu que je manipule pas vraiment

[vodiem]

salut Marc22,
j'ai l'impression de t'avoir dit des bêtises, en javascript c'est sur, mais en css ca devrait être aussi possible.
pourrais tu donner ton code html?

[Marc22]

Bonjour

pas de soucis,

donc entre le menu2 et son sous-menu, quand je rentre dans le sous menu, je cherche à ce que le bouton du menu2 reste enfoncé.

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
 
#menu2
{
	width: 644px;
	height: 21px;
	list-style-type: none;
	margin-top:30px;
	margin-left:440px;
	margin-right:300px;
	padding: 0;
	border: 0;
	position: absolute;
	font-weight : bold;
	color : #fff;
}
#menu2 li
{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu2 li a:link, #menu2 li a:visited
{
	display: block;
	height: 1%;
	color: #000;
	background-image : url(../StyleBoutons/boutonSite.gif);
	text-align : center;
 
	margin: 0;
	padding: 4px 8px;
/*	border-right: 1px solid #fff;*/
	text-decoration: none;
	}
 
#menu2 li a:hover { background-image: url(../StyleBoutons/boutonEnf.gif); }
#menu2 li a:active { background-image: url(../StyleBoutons/boutonActif.gif); }
 
 
#menu2 .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu2 .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	width: 100px;
	border-bottom: 1px solid #fff;
}
 
#menu2 .sousMenu li a:visited
{
/*	display: block;*/
	color: #000; /* couleur du texte des sous menus */
	margin: 0;
	border: 0;
	text-decoration: none;
	background: url("fondSite.jpg") repeat;
}
#menu2 .sousMenu li a:hover
{
	background-image: none;
	background-color: #808080;
}
 
#menu2 li:hover > .sousMenu { display: block; }

[12monkeys]

Bonsoir

Sur chacune de tes pages tu appliques une classe spécifique dans laquelle tu vas déclarer l'image "bouton enfoncé" tout simplement...