mettre en page avec des div

Version imprimable

10/08/2005, 10h42
mathieu_r

mettre en page avec des div
bonjour,

je connaissais la méthode de mise en page avec les stableaux.
j'ai essayé de me lancer ds la mise en page avec les div. ça me paraissait pas mal. j'ai essayé. je nai pas réussi à obtenir le résultat escompté qui était
un menu sur ma droite et un contenu textuel sur ma gauche.
j'ai tout mis ds des boîtes: div.
-sur ma gauche, une succession de 4 boîtes de hauteur 10% et de largeur 30% forment mon menu. je suis arrivé à le faire:
Code:

1 2 <div style="float: top; height:10%; width:30%> </div>
répété 4 fois...
-à côté de ce menu, je narrive pas à mettre la boîte contenant le texte. cette boîe est censée faire 50 % de largeur et 90% de hauteur...
Code:

1 2 <div style="float: ?; height:%; width:30%> </div>
:(

Bonjour :)

Tout d'abord, je commencerai par te conseiller d'utiliser une feuille de style externe avec des class et identifiant. Tu vas créer ta page (div content) avec ta colonne de gauche (div gauche) qui contiendra tes menus (div menu) et la colonne de droite avec le texte (div droite).

HTML:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <body> <div id="content"> <div id="gauche"> <div class="menu"> .... </div> <div class="menu"> .... </div> <div class="menu"> .... </div> </div> <div id="droite"> ... </div> </div> </body>

10/08/2005, 11h27
mathieu_r

merci!

merci!
10/08/2005, 11h35
TommyWeb

Un float: right sur le menu et c'est bon ;) tu auras ton menu à droite et ton contenu à gauche.. Après, tu pourras ajouter évidemment quelques trucs, par exemple des padding, pour pas que ton texte soit coller aux bords :)