Affichage en blog, texte qui se retrouve sous tout le reste.

Bonjour, je ne savais pas bien quel titre mettre lol...

Bon. J'essaye de gérer ma page d'accueil avec flexi content.

Pour ça j'ai suivi le tuto.

Donc, j'ai ma catégorie Page d'accueil de template par defaut "blog" et mes articles qui sont affectés à 2 catégories dont page d'accueil.

J'ai un problème de mise en page. J'ai créé un champ "Image" et je voudrais que cette image s'affiche à gauche du texte de "description" un peu comme ça:



J'ai pris le template blog d'origine et j'ai fait ça:



Mais voilà comment cela s'affiche:


Le texte fait une seule ligne et continue sous tous les autres champs...

Que dois-je faire? que dois-je modifier?

Merci

hum, c'est un problème de mise en page...
Y'a pleins de solutions pour y remédier, mais faut coder un chouille en html ou css.

Mais vu que tu as un champs image, dans les paramètres de ta catégorie, tu peux choisir si tu veux mettre l'image à gauche et à droite.
Ca marche pas?

Si je configure la catégorie (blog par défaut) pour utiliser l'image et que je choisis gauche, l'image est alignée à gauche mais au dessus de tous les autres champs




En fait je veux bien coder un petit peu en php ou html, mais je ne sais pas où chercher et quoi chercher en fait.

Si vous pouviez m'éclairer ça m'aiderait grandement !

En fait je n'ai pas de pb de retour à la ligne.

Mais si je mets l'image et un texte à coté dans l'administration, si le texte est trop long, il passe en dessous de l'image






Ce que je croyais etre un retour à la ligne est en fait la description qui s'affiche par défaut à un endroit dans le template

Bon allez ma solution:
Ce que je ferais pour que ce soit beau et clair... exemple
Dans l'exemple, c'est géré dans une table html, mais pas besoin de se compliquer la vie.

Dans category_items.php,

<div class="image_gauche">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>

<div class="texte_droite">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
<?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>

Dans category.css

div .image_gauche {
float:left;
}

div .texte_droite {
float:right;
}

Dans category.xml

<fieldgroups>
<group>image</group>
<group>texte</group>
</fieldgroups>

Ou bien sans css et un <table>, dans category-items.php

<table width="100%">
<tr>
<td valign="top">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</td>

<td valign="top" align="left">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</td>
</tr>
</table>

et le même xml que précédemment.

Et autre solution, si tu ne veux pas toucher au code de category-items.php et au category.xml, tu fais les changements dans category.css.
Tu glisses ton champs image dans la position "above-description-line1-nolabel", ton champs description dans "above-description-line2-nolabel" (au choix)
Tu modifies dans le category.css, les arguments de .lineinfo

Voiili...

ps: c'est plus prudent de dupliquer les templates par defaut pour les modifier allègrement...

ok merci beaucoup pour ton aide! je vais tester tout ça