Articles sur deux colonnes

flipflip · mars 2015

Bonjour,

Je dois migrer un site de Joomla vers PluXml et refaire à l'identique le thème. Pour moi c'est l'occasion de tester pour de vrai PluCSS mais je suis bloqué sur un problème.

Sur la page d'accueil il y a une liste d'articles qui s'affichent sur deux colonnes et je ne sais pas trop comment reproduire ça avec PluCSS.

avez-vous une idée ?

Stéphane · mars 2015

Salut

Essaye peut-etre ça:

http://forum.pluxml.org/viewtopic.php?pid=41587#p41587

flipflip · mars 2015

Je me réponds ça peut servir :

[== CSS ==]
@media screen and (min-width: 400px) {   
	.col-2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-gap: 20px;
		-o-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-rule: 1px solid #000;
		-moz-column-rule: 1px solid #000;	
		column-rule: 1px solid #000;	
	}
	
	.col-2 div {
		display: inline-block;
	}
}

Et la boucle qui va bien

[== PHP ==]
				<div class="col sml-12 med-12 lrg-12 centered col-2">
				<?php 
				$idCat = '010'; ?>
				<?php 
				while($plxShow->plxMotor->plxRecord_arts->loop()) {
				if($plxShow->artCatIds() == $idCat) { ?>
					<div>
					<h2><?php $plxShow->artTitle(); ?></h2>
					<?php $plxShow->artChapo('', $content=false); ?>
					<p><?php $plxShow->artContent($chapo=false); ?></p>
					</div>
				<?php
				}
				}
				?>
				</div>

Le seul problème est que c'est du css3 mais c'est responsive avec les media query

Articles sur deux colonnes

Réponses