code:css
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
27
28
29
30
31
32
33
34
35
36
En_tete{
position:static;
width:100%;
height:auto;
background-color:green;
margin:Opx;
border:1px solid black;
}
Colonne_Gauche{
position:static;
float:left;
width:25%;
background-color:pink;
border:1px solid black;
}
Colonne_Centrale{
position:static;
margin:0px 25% 0px 25%;
background-color:blue;
border:1px solid black;
}
Colonne_Droite{
position:static;
float:right;
width:25%;
background-color:yellow;
border:1px solid black;
}
Peid-de-Page{
clear:both;
position:static;
width:100%;
height:auto;
background-color:green;
border:1px solid black;
}
code:html
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
<html>
<head> 
<title>css</title>
<link rel="stylesheet" media="screen" type="text/css" href="tp4_ex1.css"/>
</head>
<body>
<div class="<div class="En_tete">
<b><center>En tete</center></b>
</div>
<div class="Colonne_Gauche">
<b><center> Gauche </center></b>
</div>
<div class="Colonne_droite">
<b><center> Droite </center></b>
</div>
<div class="Colonne_centrale">
<b><center> Centre </center></b>
</div>
<div class="Bas">
<b><center> Bas </center></b>
</div>
</body>
</html>