Discussion :

[Tamzoro]

Bonsoir,

Je suis en train de faire un exercice en CSS , le but de l'exercice est d'obtenir une barre de navigation telle que celle-ci



En essayant de reproduire la même barre de navigation j'ai un soucis avec l'élément "home" de ma barre de navigation.



Voici la structure de mon code HTML

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="container_menu">
			<ul id="topnav2">
				<li class="active2"><href="index.php">HOME</a></li>
				<li><a href="#">ABOUT US</a></li>
				<li><a href="#">INVESTEMENT PLAN</a></li>
				<li><a href="#">NEWS</a></li>
				<li><a href="#">FAQS</a></li>
				<li><a href="#">RULES</a></li>
				<li><a href="#">CONTACT US</a></li>
			</ul>
		</div>

Pour ce qui est du 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
#container_menu ul {
  position: relative;
  margin-top: 30px;
  margin-right:65px;
  width: auto;
  float: right;
  text-align: center;
}
 
#topnav2 li {
  overflow: hidden;
  vertical-align: baseline;
  letter-spacing: normal;
  word-spacing: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13.333px;
  display: inline-block;
}
 
/* Navbar links */
 
#topnav2 li a {
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    display: block;
 
}
 
#topnav2 li a:hover {
  background-color: white;
  color: black;
}
 
.active2 {
  background-color: #C52E1E;
  color: white;
 
}

Je vois pas trop où est le soucis ?

[Invité]

Bonjour,

Code :

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

				<li class="active2"><href="index.php">HOME</a></li>

Il manque un "a ".

[Tamzoro]

Bonjour jreaux62,

Oui, effectivement merci encore !