mettre en page avec des div

**mathieu_r** · 10/08/2005, 10h42

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**v4np13** · 10/08/2005, 11h10

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 :

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
<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>

**mathieu_r** · 10/08/2005, 11h27

merci!

**TommyWeb** · 10/08/2005, 11h35

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

mettre en page avec des div

HTML

Discussions similaires

Partager

Partager