appliquer un bandeau sur mon image de fond sur 2 Div

**Remus91** · 20/08/2009, 14h07

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.

Code :

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

1
2
3
4
 
Body {
background: url (images/fond.jpg) repeat;
}

sur mon image de fond qui ce répète sur toute ma page, je souhaiterais appliquer un bando comme header maintenant.

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

**Remus91** · 20/08/2009, 15h40

Alors j'ai à moitié résolu mon problème.

J'ai édité mon CSS comme cela :

Code :

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

1
2
3
4
5
6
7
 
#top{
	height: 700px;
	background: url(images/head.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

et j'ai édité mon HTML comme cela :

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
<!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="top"> </div>
 
	<h1 <a href="/">Rémy BLAMAUD </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 -->
 
 
 
</body>
</html>

maintenant mon fond est bien positionné en haut avec 0 de marge et ce copie sur toute la longueur de ma page.

Cependant mon système de navigation à disparue :s Si je mais la /DIV de mon Top à la fin de mon code mon image de fond n'est plus comme je le souhaite…

Ralala que de boulot ce Css en plus je suis sur que c'est tout bateau…

Rémy

**cssman** · 20/08/2009, 15h45

Bonjour,

Juste rapidos comme ça...

- Ta DTD n'est pas tout à fait correcte : elle mélange transitionnal et strict.
- ta balise <h1> n'est pas fermée

Code :

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

<h1 <a

Tu pourrais fournir la totalité de ton code CSS ?

appliquer un bandeau sur mon image de fond sur 2 Div

CSS

Discussions similaires

Partager

Partager