[RÉGLÉ] Problème d'affichage en colonne

[cacao26]

Bonjour,

Il m'est impossible d'afficher les articles en blog sur plusieurs colonnes et ce quelque soit les paramètres mis tant au niveau global qu'au niveau de l'entrée de menu. Je suis en Joomla 1.7. Essais effectués avec plusieurs templates et le résultat est toujours le même, toujours une seule colonne.
Merci de me donner une piste...

[Grand Schtroumpf]

Re : Problème d'affichage en colonne

Bonjour,

Il m'est impossible d'afficher les articles en blog sur plusieurs colonnes et ce quelque soit les paramètres mis tant au niveau global qu'au niveau de l'entrée de menu.

Il existe effectivement des templates farouchement mono-colonne mais pas de raison que ça ne marche pas.
On va se concentrer sur les paramètres du lien de menu, qui sont prioritaires sur les paramètres généraux : tu as mis quoi dans les "Options d'affichage du Blog" :

# Articles complet
# Introduction des articles
# Nombre de colonnes

?

[cacao26]

Re : Problème d'affichage en colonne

Bonjour,

Voici les valeurs que j'ai mis au niveau des options d'affichage du blog.

# Articles complet : 2
# Introduction des articles : 2
# Nombre de colonnes : 2

[Grand Schtroumpf]

Re : Problème d'affichage en colonne

Re,
et il y a combien d'articles dans ta page ?

[cacao26]

Re : Problème d'affichage en colonne

Il y a 5 articles pour l'instant.

[Grand Schtroumpf]

Re : Problème d'affichage en colonne

Re,
donc si tu mets le template Beez_20, tu vois 4 article les uns en dessous des autres ?
Et si tu regarde la source de ta page (ou que tu l'inspectes avec Firebug) tu vois pour les deux derniers articles une structure

<div class="items-row cols-2 row-0">
	<div class="item column-1">
	...		
	</div>
	<div class="item column-2">
	...		
	</div>
</div>

Question bête en passant : ce ne sont pas tes articles qui sont "trop larges" ? Because graose image ou tableau ou truc qui pousse l'article en largeur ?

[cacao26]

Re : Problème d'affichage en colonne

Je viens de refaire des essais avec Beez_2et maintenant avec ce template, j'ai l'affichage suivant: les deux premiers articles en pleine largeur et les deux suivant en 2 colonnes.
Par contre avec le template que j'ai fait en suivant pas à pas le tuto de "www.apprendre-joomla.com" tous les articles sont en pleine largeur.
Concernant les articles, il n'y a que du bla-bla, pas d'image, pas de tableau, pas de mise en forme particulière, sauf des polices et tailles différentes.

Merci pour ton implication.

[Grand Schtroumpf]

Re : Problème d'affichage en colonne

Re,

Par contre avec le template que j'ai fait en suivant pas à pas le tuto de "www.apprendre-joomla.com" tous les articles sont en pleine largeur.

ça ne peut faire ça que si tu as intégré dans ton template une surcharge du com_content (un dossier html/com_content/ avec un code simplifié...

[cacao26]

Re : Problème d'affichage en colonne

Je n'ai pas de "com_content" dans mon template.

Je te joins mon Template au cas ou ! MonTemplateJoomla17-FIN.zip

[Grand Schtroumpf]

Re : Problème d'affichage en colonne

Re,
OK don tu dois bin avoir cette structure :

<div class="items-row cols-2 row-0">
	<div class="item column-1">
	...		
	</div>
	<div class="item column-2">
	...		
	</div>
</div>

Mais pas de CSS sur .cols-2 .column-1 {} et .cols-2 .column-2 {} pour les mettre à 50% de large et en float.

Extrait du css de beez_20 :

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

[cacao26]

Re : Problème d'affichage en colonne

Re bonjour,

çà marche !!!!

J'ai suivi tes conseils en recopiant les quelques lignes que j'ai trouvé dans le template beez_20 correspondant aux colonnes dans mon css et miracle j'ai bien les articles qui s'affichent en colonne.

Il reste toutefois un soucis :

Avec le paramètrage
# Articles complet : 2
# Introduction des articles : 2
# Nombre de colonnes : 2

J'ai bien les deux premiers article qui s'affiche complets mais en pleine largeur.
Les suivants s’affichent bien en colonne, mais complet eux aussi alors qu'il ne devrait y avoir que le début de l'article.

Est ce normal ? Est ce moi qui comprend mal les libellé de ces paramètres?

[SimonG]

Re : Problème d'affichage en colonne

Bonjour,
si tu souhaites afficher seulement des résumés d'articles sur deux colonnes, il te faut le paramètrage suivant:

# Articles complet : 0
# Introduction des articles : 2
# Nombre de colonnes : 2

Il faut également que tu définisses ton résumé à l'intérieur même de tes articles en utilisant la fonction "lire la suite".

[cacao26]

Re : Problème d'affichage en colonne

C'est parfait, je crois que je commence à comprendre toutes les subtilité de Joomla.
Me voila débloqué sur ce point, je vais pouvoir continuer à explorer ce produit et bientôt je pourrai mettre en ligne un petit site sur la base de Joomal.

Merci à tous pour votre aide et à une autre fois peut être

[pfm83]

Re : Problème d'affichage en colonne

Re,
OK don tu dois bin avoir cette structure :

<div class="items-row cols-2 row-0">
	<div class="item column-1">
	...		
	</div>
	<div class="item column-2">
	...		
	</div>
</div>

Mais pas de CSS sur .cols-2 .column-1 {} et .cols-2 .column-2 {} pour les mettre à 50% de large et en float.

Extrait du css de beez_20 :

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

Je suis débutant total et je rencontre le même problème avec le template themza_j17_05.
Je souhaite mettre 2 ou 3 articles en vedette (selon actu) côte à côte sur 2 ou 3 colonnes.
à quel endroit dois-je insérer ce css miracle sans tout bousiller svp ?

[cacao26]

Re : Problème d'affichage en colonne

Bonjour,

Il faut mettre ce CSS dans le template.css.