Positionnement nav barre

**amina3020-** · 09/02/2020, 18h10

Bonjour j'ai besoin d'aide svp je ne sais pas comment obtenir ce résultat juste pour le nav je voudrais que la barre bleu soit positionner exactement pareil
mais je ne sais pas quel propriété utiliser si vous pouvez m'aidez svp merci beaucoup
voila ce que j'ai fait :

Nom : Screenshot_2020-02-09 Screenshot.png
Affichages : 129
Taille : 247,8 Ko

voila ce que je doit obtenir à la fin

Invité · 09/02/2020, 18h50

Bonjour,

merci de montrer les codes HTML et CSS.

N.B. On n'est pas là pour faire les "exercices" des autres...

**amina3020-** · 09/02/2020, 19h23

Code HTML :

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
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="tintin1.css" />
    </head>
 
    <body>
		<header>
		<img  ID="licorne" src="images/film-tintin-le-secret-de-la-licorne.png" alt="affiche sur les aventures de tintin" />
		<h1> le monde de tintin</h1>
		</header>
 
		<nav>
		<img  ID="menu" src="images/menu.png" alt="menu principale" />
			je suis le nav
		</nav>
		<div id="carrousel">
		<img  ID="bateau" src="images/Licorne2.jpg" alt="carrousel" />
		</div>
 
		<section>
			<article id="art1">
 
			</article >
 
			<article id="art2">
 
			</article>
 
			<article id="art3">
 
			</article>
 
		</section>
 
		<footer>
 
		</footer>
 
    </body>
</html>

Code CSS :

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
header
{
	text-align: center;
 
}
nav
{
	text-align: center;
}
h1
{
	font-size:20px;
}
 
 
#bateau
{
	display: block;
    margin-left: auto;
    margin-right: auto;
 
}
footer
{
	text-align:center;
}

Positionnement nav barre

Positionnement en CSS

Discussions similaires

Partager

Partager