Problème affichage d'un blog de catégorie

[sandro]

Bonjour,

En plein apprentissage pour faire mes propres templates, je n'arrive pas à trouver une solution pour mon problème...afficher un blog de catégorie en plusieurs colonnes,

J'ai inséré un module «component» dans le fichier index,php
<div id="contenu"><jdoc:include type="component" /></div>

J'ai mis des attributs de base (dimensions, polices...) dans le fichier css.

Lorsque je publie un article, pas de problème...
Un blog de catégorie, pas de problème quand je ne veux pas de colonne...(les articles s'affichent bien les uns sous les autres)

Mais dès que je veux que l'affichage du blog soit en colonnes, cela ne fonctionne pas (les articles restent les uns sous les autres).

Est-ce qu'il faut rajouter des mentions spéciales dans les fichiers?

Est-ce que Joomla devrait créer les colonnes automatiquement dans ce module component?

Bref, étant débutant, je ne sais pas comment résoudre ce problème...et je vous remercie par avance pour votre aide.

A plus.

[Grand Schtroumpf]

Re : Porblème affichage d'un blog de catégorie en plusieurs colonnes sur son template

Bonjour,

Mais dès que je veux que l'affichage du blog soit en colonnes, cela ne fonctionne pas (les articles restent les uns sous les autres).

C'est à toi de le faire (en tant que concepteur du template) : joomla construit la structure, à toi de prévoir le CSS qui va bien, cf :

http://forum.joomla.fr/showthread.php?163087-Probl%C3%A8me-d-affichage-en-colonne

[sandro]

Re : Problème affichage d'un blog de catégorie

Salut Grand Schtroumpf,

Je te remercie pour ta réponse.

En me référant au post dont tu m'as donné le lien, j'ai réussi à obtenir l'affichage en colonnes.
J'ai fait le test hier.

Désolé d'y revenir mais par contre, aujourd'hui, j'ai voulu aux articles mettre un "lire la suite" et dès que je fais cela, le flottement ne marche plus et les articles se retrouvent encore les uns sous les autres.

Je n'arrive pas du tout à trouver la solution.

Voici mon css

.cols-3 .column-2,.cols-3 .column-1 {
float: left;
padding:10px;
width: 28%;
margin-right: 2%;
}

.cols-3 .column-3 {
float: right;
padding:10px;
width: 28%;
margin-right: 2%;
}

.item {display: block;}
.items-row {margin-bottom: 10px !important;overflow: hidden;}

Merci beaucoup et par avance pour votre aide.