Bonjour,
J'aurais besoin d'un petit coup de pousse dans la rédaction de mon fichier CSS.
Je cherche à affecter une image de fond à ma page web.
sur mon image de fond qui ce répète sur toute ma page, je souhaiterais appliquer un bando comme header maintenant.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 Body { background: url (images/fond.jpg) repeat; }
Pour cela j'aimerais l'afficher par dessus mon image de fond (en haut)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 Bando { background: url (images/bando.jpg) repeat-x; }
j'ai crée ses deux parties dans mon fichier CSS cependant je n'est que l'image de fond qui s'affiche et pas mon bando...
Mon bando n'apparait que quand j'écris du text entre la mes "div" qui me serve à afficher mon bando.
J'aimerais que mon bando s'affiche sur tout le haut de ma page sans aucune marge (margin 0 ?)
Voila mon 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
19
20
21
22
23
24
25
26
27
28
29
30 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Porftolio</title> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="bando"> <!-- Début bando --> <h1 <a href="/">zezezezez </a></h1> <br> <div id="navigation"><!-- Début Navigation --> <ul class="nav-menu"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact</a></li> </ul> </div><!-- Navigation --> </div><!-- bando --> </body> </html>
Merci de votre petit coup de mains
Cordialement,
Rémy
Partager