Realiser une page avec des div
bonjour,
je souhaiterais développer une appli, dont la page d'accueil serait de la forme:
une bande en haut, la banniere,
un menu sur la gauche
du texte sur la droite.
J'ai pour cela utilisé des div, mais ma banniere ne s'affiche jamais.
Voici le code source de la page html:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="style.css" type="text/css" rel="stylesheet" >
<title>Insert title here</title>
</head>
<body>
<div>
<div class="banniere"></div>
</div>
<div>
<div class="gauche" ></div>
<div class="droite" ></div>
</div>
</body>
</html> |
et le code source du css:
Code:
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
|
@CHARSET "ISO-8859-1";
<style type ="text/css">
.banniere {
background-color: lightblue;
float: left;
width: 100%;
height: 15%;
border: solid 1px black;
}
.gauche {
background-color: lightblue;
float: left;
width: 15%;
height: 85%;
border: solid 1px black;
}
.droite {
background-color: lightblue;
float: right;
width: 84%;
height: 85%;
border: solid 1px black;
}
</style> |
Pourriez vous m'aider.
merci pour vos réponses.
