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 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
| <!DOCTYPE html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bandeau+ 3 div</title>
<Style type="text/css">
/* CSS Document */
div {
text-align:center;
}
div#bandeau {
width: 780px;
height: 40px;
background-color:#00ccff;
}
div#menu{
float:left;
width:150px;
height: 600px;
background-color:#FF6699;
clear:both;
}
div#blocnews2{
float:left;
width:150px;
height: 150px;
background-color:#FF3300;
}
div#contenu{
width: 620px;
height: 600px;
background-color: #FFCC00;
}
div#blocnews{
float:right;
width:150px;
height: 150px;
background-color:#FF3300;
}
div#menudroit{
float:right;
width:160px;
height: 600px;
background-color:#FF6699;
}
div#blocnews3{
float:left;
width:150px;
height: 150px;
background-color:#FF3300;
}
</div>
</Style>
</head>
<body>
<div id="bandeau"> Ceci est le bandeau </div>
<div id="menu">
<div id="blocnews2">Bloc News2:<BR>Bonjour à tous
</div> menu gauche
</div>
<div id="contenu">
<div id="blocnews"> Bloc News:<BR> portes ouvertes
</div> Ceci est le contenu<p>Une pub gratos
</div>
<div id="menudroit">
<div id="blocnews3">Bloc News3:<BR>Bonsoir à tous
</div> menu droit
</div>
</body>
</html> |
Partager