Discussion :

[mikael2235]

Bonjour à tous,

J'ai actuellement un problème avec la couleur de mes liens dans mon menu.

Voici mon CSS :

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
#menuDeroulant
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	width: auto;
    height: 31px;
	list-style-type: none;
	padding: 0px;
	border:0px;
	margin:0px auto 0px auto;
	position:absolute;
}
#menuDeroulant li
{
	float: left;
	width: 135px;
	text-align:center;
	color: #009934;
	font-size:14px;
	margin-left:3px;
	height:25px;
    padding-top:8px;
	background:url(/img/design1/btn_horiz.png) no-repeat;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 35px;
	margin-top:-10px;
    padding-top:10px;
	text-decoration: none;
	height:35px;
    padding-top:10px;
}
#menuDeroulant li a:hover 
{
	color:#fff;
}
#menuDeroulant li a:active {
	color:#fff;

Comme j'ai un problème avec le "active", qui ne veut pas marcher. Il a fallu rajouter ceci dans le code html de mon menu:

Code :

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

1
2
3
 <div id="menu">
      <ul id="menuDeroulant">
		<li><a href="/index.php" title="Terra Viandes" <?php echo $_SERVER['REQUEST_URI'] == '/' || $_SERVER['REQUEST_URI'] == '/index.php'?  'class="li_actif"' : ''?>>ACCUEIL</a></li>

avec le css correspondant :

Code :

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

1
2
3
4
5
6
7
.li_actif 
{
	background:url(/img/design1/btn_horiz_actif.png) no-repeat top center;
	text-decoration: underline ; 
	color: #fff ;
	font-weight:bold;
}

et j'ai en plus dans mon css, ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
a:link { 
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

Le problème est que les liens de mon menu sont en noir. Si je supprime les a:link, a:visited, et a:hover, mes liens deviennent violet.

Alors que moi je souhaiterais qu'ils soient noir sauf le actif qui serait blanc !

Merci

[Nnay_]

la pseudo classe :active est appliquée à un lien lorsque tu clique dessus.

si par lien actif tu entend le lien de la page sur laquelle tu es, il faut que tu passe par une class, ta classe "li_actif" par exemple

Code :

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

1
2
3
4
5
6
7
ul a {
color:Black;
}
 
ul a.actif {
color:White;
}

et ton menu du style (si tu es sur la page 1)

Code :

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

1
2
3
4
<ul>
<li><a href="un.htm" class="actif">lien 1</a></li>
<li><a href="deux.htm">lien 2</a></li>
</ul>

[ornitho13]

Bonjour,

essaye ceci

Code :

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

1
2
3
4
5
6
7
 
a.li_actif:link{
        background:url(/img/design1/btn_horiz_actif.png) no-repeat top center;
	text-decoration: underline ; 
	color: #fff ;
	font-weight:bold;
}

[mikael2235]

Merci à vous deux.

J'ai en fait mis ceci :

Code :

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

1
2
3
4
5
6
7
8
9
a:link , a:visited{ 
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}

Et ça marche comme je veux !

Merci encore !