Articles sur deux colonnes

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

  • Consultant PluXml

    Ancien responsable du projet

  • flipflipflipflip Membres
    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.