Affichage news en 3 colonnes

[Delvauxo]

Bonjour,

Je recherche un moyen d'afficher mes news sur 3 colonnes.

Voici mon code :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
		<?php foreach ($posts as $k => $v): ?>
		<div class="clearfix">
 
		<img src="<?php echo Router::webroot('img'.DS.$v->file); ?>" id="photo" alt="<?php echo $v->file; ?>" height="150px" style="float: left; margin-right: 25px;" />
 
			<h3><?php echo $v->name; ?><small>,<a href="<?php echo Router::url('posts/category/slug:'.$v->catslug); ?>"><?php echo $v->catname; ?></a></small></h3>
			<div style="text-align:justify">
			<?php echo substr(strip_tags($v->content),0,300).'...'; 
			// echo $v->content.'...'; // Permet l'Affichage des IMG sur la homepage du BLOG ?>
			</div>
		</div>
		<p style="text-align:right"><a href="<?php echo Router::url("posts/view/id:{$v->id}/slug:$v->slug"); ?>">Lire la suite &rarr;</a></p>
		<p>&nbsp;</p>
		<?php endforeach ?>

Quel est d'après vous la solution idéale pour procéder ?

Merci d'avance pour vos réponses !

[Benjamin Delespierre]

Heu... faire ça avec CSS tout bêtement.

[Delvauxo]

oui dans un premier temps pour créer le tableau et faire la disposition de ce tableau mais après comment dire qu'après 3 affichages, il doit me faire un </tr><td> ?

[Sekigawa]

Tu n'as qu'à utilisé un compteur

Code :

1
2
3
4
5
6
7
8
9
10
11
$i = 1;
foreach($var as $blabla)
{
      if($i = 3)
      {
               {traitement}
               $i = 1;  
      }else{
               $i++;
      }
}

Un truc du style

[Benjamin Delespierre]

Envoyé par Delvauxo

oui dans un premier temps pour créer le tableau et faire la disposition de ce tableau mais après comment dire qu'après 3 affichages, il doit me faire un </tr><td> ?

Pas de mise en forme avec des tableaux. Je refuse de cautionner ça.

[lenono]

Bonjour,

Pareil que Benjamin Delespierre !
Une petite pub pour un framework css très simple à utiliser et qui permet justement de bien mettre en place et en page des données, sans tableau :
http://blueprintcss.org/

[Benjamin Delespierre]

Dans le même Esprit, tu peux utiliser 960gs.
Par ailleurs, on trouve des articles qui témoigne de l'utilité des grilles dans le webdesign. Google est ton ami

Si tu ne veux pas (ou ne peux pas) utiliser une grille, il faut faire flotter tes blocs avec CSS tout simplement, mets leurs 33% de largeur et ainsi tu auras bien 3 colonnes.