Catégories en plusieurs colonnes

cghes

Bonsoir,

Je suis en construction d'un site, et j'aimerai avoir des catégories avec des articles présentés sur trois colonnes quelqu'un a une idée et peu m'aider à modifier le categorie.php du theme idim?

ex: j'adorerai avoir la mise en page comme samare: http://www.samare.net/categorie4/boite-a-outils

merci à vous

Jerry Wham

Cherche sur son site. Il me semble qu'il a écrit un article là-dessus (Daniel arrête moi si je me trompe).

cghes

arf j'arrive pas a trouver cet article...

Jerry Wham

Ou étudie le code source de la page en question avec la css.

cghes

oui pas bête! merci

danielsan

http://www.samare.net/article19/repartition-des-articles-en-3-6-12 ?

danielsan

bon, c'est juste des blocs avec une largeur fixe et en float=left ...

cghes

merci daniel pour ton aide, mais je suis completement perdu, dans ces trucs là (je suis un peu trop novice).
En fait j'aimerai savoir quoi mettre dans le screen.css et dans le categorie.php pour avoir 3 colonnes comme ça http://www.samare.net/categorie4/boite-a-outils
même sans animation mais juste répartir les articles en 3 colonnes. merci

danielsan

un truc plutôt comme ça ?

cghes

oui exactement ça... mais je sais pas comment le faire!

danielsan

template categorie ( crées-en un nouveau categorie-grille.php ):

<?php include(dirname(__FILE__).'/header.php'); ?>

<div id="description" class="grid_12">
	<h2><?php $plxShow->catName(); ?></h2>
	<div class="text_justify border_1 paddingV_1 paddingH_1 bg_1 marginB_1">
	<?php
		if($plxShow->plxMotor->aCats[$plxShow->plxMotor->cible]['description']==""){
			echo "<p>Veuillez renseigner la description de la cat&eacute;gorie "; $plxShow->catName(); echo "</p>";
		}else{
			echo plxUtils::strCheck($plxShow->catDescription());
		}
	?>
	</div>
</div>

<?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
	<div class="item grid_4 relative">
		<h3 class="borderB_1 borderC_2"><?php $plxShow->artTitle('link'); ?></h3>
		<div class="art-chapo text_justify marginT_0">
			<?php $plxShow->artChapo(); ?>
		</div>
	</div><!-- .item -->
<?php endwhile; ?>

<hr class="grid_12"/>

<p id="pagination" class="text_center grid_12"><?php $plxShow->pagination(); ?></p>

<?php include(dirname(__FILE__).'/footer.php'); ?>

et la CSS (pour plus de détails, regarde la mienne):

.item {
margin-bottom: 32px;
}
.relative {
position: relative;
}
.grid_4 {
width: 288px;
margin: 0 16px 0 16px;
overflow: hidden;
float: left;
display: inline;
}

cordialement,

cghes

Super ça marche nikel avec quelques petites modif par rapport à mon thème
merci daniel
bonne soirée

danielsan

cool !
de rien