Articles sur deux colonnes

flipflipflipflip Member
dans Discussions
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 ?

J'ai un string de l'array

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Salut

    Essaye peut-etre ça:

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

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • flipflipflipflip Member
    mars 2015 modifié
    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

    J'ai un string de l'array

Connectez-vous ou Inscrivez-vous pour répondre.