Afichage des blocks d'en haut et d'en bas - Suggestions - Forum - ixprim-cms.org - Système de Gestion de contenu

Vous n'êtes pas connecté

Par respect de la netiquette, tous les contributeurs s'engagent à ne tenir ni propos insultants ni propos infamants envers un tiers. Merci d'avance à tous et ... bonne pêche aux infos - (Les numéros IP sont conservés.)

Accueil du Forum » iXprim Développement et Beta-Tests » Suggestions

» Sujet: Afichage des blocks d'en haut et d'en bas

Auteur:

Message:

pgilbert

Mod Developer

stars

Messages: 653
Inscrit(e) le: 2004/3/25
Statut: Déconnecté(e)

Posté le 2006/6/3 à 14:04

Toujours dans l'optique de simplifier le code, de lui faire respecter les standards et d'abandonner l'habitude des tables, je suggère de revoir la gestion de l'affichage des blocks haut et bas.
Actuellement, ils sont gérés par une table avec une seule cellule si on affiche que des blocks centraux et avec deux cellules de 50% si on affiche des blocks droite ou gauche.
Il est tout à fait possible d'afficher ces blocks de la même manière sans table et donc avec des div.
Voici un exemple :

Code:

<div id="header">En-tete, en-tete...</div>
<div id="cblockstop">
	<div id="cblockstop_left" style="width: 50%; float: left;">
		<div class="cblockstop_left">
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			
		</div>
		<div class="cblockstop_left">
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			Contenu gauche, contenu gauche
			
		</div>
	</div>
	<div id="cblockstop_left" style="width: 50%; float: right; clear:right">
		<div class="cblockstop_right">
			Contenu droite, contenu droite
			Contenu droite, contenu droite
			Contenu droite, contenu droite
			
		</div>
		<div class="cblockstop_right">
			Contenu droite, contenu droite
			Contenu droite, contenu droite
			Contenu droite, contenu droite
			Contenu droite, contenu droite
			
		</div>
	</div>
	<div style="clear: both;"></div>
</div>
<div id="content">
	Contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page,
	contenu de la page, contenu de la page, contenu de la page, contenu de la page, contenu de la page.
</div>

Personnellement, je n'aime pas trop que du style soit intégré directement dans le code et je préfère qu'il vienne de la feuille de style mais dans ce cas précis, ca me semble plus sur...

Out of iXprim project...

Chercher tous les messages de cet utilisateur