Académique Documents
Professionnel Documents
Culture Documents
<html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>1 boite</title> <style type="text/css"> #boite1 { background-color: #ffff99; width: 800px; height: 100px; } #boite2 { background-color: #ccffff; width: 800px; height: 800px; } .boite3 { background-color: red; width: 200px; height: 200px; float: left; } .boite4 { background-color: #000099; width: 200px; height: 200px; float: right; } </style> </head> <body> <div id="boite1"> srer des boites l'intrieur d'une boite <br> </div> <div id="boite2"> <div class="boite3"> </div>
<div class="boite4"> </div> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> Vous noterez que l'on se sert de <br> #boite1 <div id=boite1> </div> pour les boites extrieures et<br> #boite3 <div class=boite3 </div> pour les boite intrieures<br> </div> </body> </html>