Discussion :

[Melow_Melow]

Bonsoir à tous et à toutes,

Je me suis inscrite sur ce forum car j'espère obtenir de l'aide pour mon petit problème, ça fait un petit bout de temps que je bloque là dessus: ( je suis débutante)

je vous explique, j'ai attribué au menu une couleur et un soulignement au moment où on le "survol" mais je voudrais une fois que l'on clique dessus que la couleur et le soulignement restent.

Voilà mon code en .css: (j'ai ajouté la dernière ligne de code mais ça ne fonctionne pas.)

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
#topMenu {
	text-align: center;
	margin-top:95px;
	width:100%;
	bottom:20px;
	position:absolute;
}
 
#topMenu ul{
	text-align:center;
	padding:15px 0;
	margin:0;
}
 
#topMenu ul li {
	display:inline;
	background:url(library/images/top_menu_separator.png) 100% 50% no-repeat hidden;
}
 
#topMenu ul li:last-child {
	background:none;
}
 
#topMenu ul li a {
	color:#737373;
	text-shadow:1px 1px #fff;
	text-transform:uppercase;
	padding:0 18px;
	text-decoration:none;
	font-size:14px;
	-webkit-transition:color 0.1s ease-in;
	-moz-transition:color 0.1s ease-in;
	-o-transition:color 0.1s ease-in;
	transition:color 0.1s ease-in;
}
 
#topMenu ul li a:hover, #topMenu ul li.sfHover a{
	color:#db639d;
	border-bottom: 2px dotted #8d94c5;
}
 
#topMenu ul li a:active,  #topMenu ul li.sfActive a{
	color:#db639d;
	border-bottom: 2px dotted #8d94c5;
}

Voici tout de même le code en .php :

Code php :

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
<!-- begin #topMenu -->
	<div id="topMenu">
 
	<?php
	site5_main_nav( array(
	 'container' =>false,
	 'menu_class' => 'sf-menu',
	 'echo' => true,
	 'before' => '',
	 'after' => '',
	 'link_before' => '',
	 'link_after' => '',
	 'depth' => 0,
	 )
	 );
	 // Adjust using Menus in Wordpress Admin ?>
 
	</div>
	<!-- end #topMenu -->
 
</header> <!-- end header -->

J'ai aussi remarqué qu'un autre fichier .css se centrait aussi sur le menu (ici je vous mets directement le code):

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
#topMenu .sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /*left offset of submenus need to match (see below) */
	text-align:left;
	background:#ccc;
	margin:0;
	padding:5px 0 10px;
	background:#F9F9F9 url(../images/bk_submenu.jpg) 0 100% repeat-x;
	-moz-box-shadow:0 0 3px 2px #DDDDDD;
	-webkit-box-shadow:0 0 3px 2px #DDDDDD;
	box-shadow:0 0 3px 1px #DDDDDD;
	border:1px solid #dedede;
	border-top:none;
}
#topMenu .sf-menu ul li {
	width:90%;
	background:none;
	position:relative;
	display:block;
	padding:7px;
	border-bottom:1px dotted #dcdcdc;
}
 
#topMenu .sf-menu li:hover;{
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
 
#topMenu .sf-menu li {
	/*float:			left;*/
	position:		relative;
}
#topMenu .sf-menu a {
	/*display:		block;*/
	position:		relative;
}
 
#topMenu .sf-menu li ul li  a {
	font-size:11px;
	padding:0 5px;
	display:block;
	color:#737373;
}
 
#topMenu .sf-menu li ul li  a:hover; {
	color:#F60B51;
;}
 
#topMenu .sf-menu li:hover ul 
#topMenu .sf-menu li.sfHover ul {
	left:			0;
	top:			29px; /* match top ul list item height */
	z-index:		101;
}
 
#topMenu ul.sf-menu li:hover li ul
#topMenu ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
 
#topMenu ul.sf-menu li li:hover ul
#topMenu ul.sf-menu li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			0;
 
}
 
}
#topMenu ul.sf-menu li li:hover li ul
#topMenu ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
 
 
#topMenu ul.sf-menu li li li:hover ul
#topMenu ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

Merci d'avance pour votre aide

[franck31]

Bonjour,

On voit pas ton code php mais quand tu as cliqué sur un lien ajoute tu une class active à ce lien?

[Melow_Melow]

Bonjour,
Vous voulez voir mon code php en entier ? Car je n'ai mis que le morceau qui correspond au menu.

A vrai dire je n'ai pas modifié le .php car je ne m' y connais pas.
Néanmoins d'après ma logique ( tout dépend si elle est bonne ou non ) 'menu_class' est déclaré en tant que 'sf-menu' et quand je regarde le code .css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#topMenu ul li a:hover,  #topMenu ul li.sfHover a{
color:#db639d;
border-bottom: 2px dotted #8d94c5;
}

Donc en fait le 'sf-menu' est en sfHover (survol) , donc j'ai juste changé le a:hover, en a:active et le .sfHover en .sfActive dans mon code .css . Mais je n'ai rien déclaré dans le .php car je ne sais pas comment faire.

[rodolphebrd]

Bonjour,

Pour obtenir votre effet utilisez la pseudo classe :visited

[Melow_Melow]

Bonsoir,

J'avais déjà testé cette méthode , mais malheureusement ça ne fonctionne pas, quand j'utilise la pseudo classe :visited , mon menu est alors d'office en couleur , le survol ne fonctionne plus en ce qui concerne la couleur ,il fonctionne juste en ce qui concerne le soulignement.

[johnrock]

Essaie d'abord de poster ton code HTML, je pourrais trouver une solution pour toi.