[CSS] Pb d'affichage de menu

**frog43** · 25/03/2006, 12h33

Bonjour à tous,

Voila j'esssaye de créer un menu en m'aidant du CSS, pour le moment pas de problême. D'ailleurs le menu marche presque parfaitement .... Mais je ne posserait pas de question si il était parfait ...

En effet le texte du bouton est de la même couleur que le fond lorsque le lien est actif, du coup on ne voit plus le texte (logique), je voudrait que le texte soit blanc ... Et c'est là que je bloque, je comprend pas ... Je pense que le problême est la, dans cette partie de code :

Code :

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

1
2
3
4
5
 
# current a
{ 
color : #FFFFFF;
}

Alors si quelqu'un pouvait m'aidait ...

Voilà le code 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
 
<HTML>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
	<div id="menu">
		<ul id="list_menu">
			<li id="active"><a href="#" id="current">Btn 1</a></li>
			<li><a href="btn2.htm">Btn 2</a></li>
			<li><a href="#">Btn 3</a></li>
			<li><a href="#">Btn 4</a></li>
			<li><a href="#">Btn 5</a></li>
		</ul>
	</div>
ceci est la page du btn1
</body>
</html>

puis le 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
40
41
42
43
44
45
46
47
48
49
50
 
/* CSS Document */
 
 
div#menu
{
background-color: #FFFFFF;
border-top: solid 1px #0097E5;
border-bottom: solid 1px #0097E5;
}
 
div#menu ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 4px;
padding-top: 5px;
}
 
div#menu ul li
{
display: inline;
margin-left: -4px;
}
 
div#menu ul li a
{
padding: 5px 10px 5px 10px;
color: #0097E5;
text-decoration: none;
}
 
div#menu ul li a:hover
{
background-color: #0097E5;
color: white;
}
 
# current a
{ 
color : #FFFFFF;
}
 
#current
{
background-color: #0097E5;
}

**narkhor** · 25/03/2006, 13h33

je pense qu'il faut écrire " a#current " plutot que " # current a ".
je ne suis pas sur que ce soit obligatoire mais c'est comme ça que je fait.

sinon, tu peux aussi utiliser " li#active a ", et de cette manière, le " id="current" " n'est pas utile.

**frog43** · 25/03/2006, 13h39

Merci pour ton aide ...

Voici mon nouveau code CSS, mais il n'as rein changé ...

donc si tu as d'autres idées ... :

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
 
div#menu
{
background-color: #FFFFFF;
border-top: solid 1px #0097E5;
border-bottom: solid 1px #0097E5;
}
 
div#menu ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 4px;
padding-top: 5px;
}
 
div#menu ul li
{
display: inline;
margin-left: -4px;
}
 
div#menu ul li a
{
padding: 5px 10px 5px 10px;
color: #0097E5;
text-decoration: none;
}
 
div#menu ul li a:hover
{
background-color: #0097E5;
color: white;
}
 
li#active a 
{ 
color : white;
}
 
#current
{
background-color: #0097E5;
}

**frog43** · 25/03/2006, 16h52

C'est bon, j'ai réussi ...

J'ai trouver une autre solution ... C'est peu être pas la meilleur mais bon sa marche, alor sa me vas ...

[CSS] Pb d'affichage de menu

CSS

Vue hybride

Discussions similaires

Partager

Partager