[CSS] Pb d'affichage de menu
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:
1
2
3
4
5
|
# current a
{
color : #FFFFFF;
} |
Alors si quelqu'un pouvait m'aidait ... :roll:
Voilà le code HTML :
Code:
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:
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;
} |
