Discussion :

[brotelle]

Bonjour,

Je fais un menu en CSS et j'aimerais mettre une autre couleur d'onglet lorsque l'on est sur la page de cet onglet (quand celui-ci est activé) mais je n'y arrive pas.

Voici mon menu:

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="navcontainer">
<ul id="navlist">
		<li id="active"><a href="entreprise.php" id="current">Présentation</a></li>
		<li><a href="entreprise.php">L'équipe</a></li>
   		<li><a href="gallerie.php">Gallerie</a></li>
		<li><a href="services.php">Ressources humaines</a></li>
</ul>
</div>

Et 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
40
41
42
 
#navcontainer {
  float:left;
  width: 200px;
  height:15%;
  margin-left:0px;
  margin-top:50px;
  }
 
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
 
#navcontainer a
{
display: block;
padding: 3px;
width: 206px;
background-color: #036;
border-bottom: 1px solid #eee;
}
 
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
 
#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
 
#navlist a:active {
   border-bottom: 1px solid #fff;
   background-color: #fffff;
}

Quelqu'un pourrait-il m'aider?

Merci

[10-nice]

Code :

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

1
2
.active a { propriétés }
.active a:hover { propriétés }

[brotelle]

Je viens de tester et ça ne marche pas....

[10-nice]

oups pardon, remplace les . par des # (pas vu que c id au lieu de class)

[brotelle]

Je comprends pas ça marche mais pas pour tous...
ça marche pour le lien présentation (le bout de code que j'ai donné précédemment) mais pas pour celui de gallerie, dont le code est:

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="navcontainer">
<ul id="navlist">
		<li><a href="entreprise.php">Présentation</a></li>
		<li><a href="entreprise.php">L'équipe</a></li>
   		<li class="active"><a href="gallerie.php" id="current">Gallerie</a></li>
		<li><a href="services.php">Ressources humaines</a></li>
</ul>
</div>

Pourtant c'est le même code!!

[10-nice]

normal, pour présentation tu mets id et pour l'autre tu met class

reste uniforme dans ton code, mets soit partout id ou soit class (je pencherai pour class, puisqu'un ID est censé etre unique pour un élément unique)

si tu met class tu mets . dans ton css, si tu choisis id tu met #

Le mieux est d'apprendre CSS avec les cours et tutoriels CSS : http://css.developpez.com/cours/

[brotelle]

Merciiii!

C'est bon ya tout qui marche