Placer titre sous image

Mon code ne hierarchise pas la photo par rapport au titre. Pour le moment, le texte ce mets a gauche síl peux et sinon c’est le grand désordre. J’aimerais placer le texte sous l’image et si possible garder les deux comme liens.

<div class="troiscolonnes">
    <$list filter="$tags$ +[tagging[]!is[system]search{$:/temp/advancedsearch}sort[]]">
        <$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
            <$link><$image source={{!!picture}} class="person"/><$view field="title"/></$link><br>
        </$reveal>

        <$reveal state="$:/temp/advancedsearch" type="match" text="">  
            <$link><$image source={{!!picture}} class="person"/><$view field="title"/></$link><br>
        </$reveal>
    </$list>
</div>
\end

Hello,

Si tu peux partager un wiki d’exemple ça nous permettra de le voir en action, et de voir le code CSS de tes styles.

(via https://framadrop.org/ par exemple)

Voila, le tiddler d’ou provient le code est ouvert et le rendu de la liste est affiché dans la barre laterale
Il y a egalement l’exemple d’intègration de l’excel dans les paramètres en dessous si ça t’intéresse :slight_smile:
http://archi.precis.tiddlyspot.com/

J’ai regardé vite fait.

J’utiliserai une liste <li> avec css pour masquer la puce, forçant ainsi le retour à la ligne.
Là j’ai juste rajouté la liste à puce, et désactivé le float right de l’image (et tester avec une taille plus petite), c’est déjà un peu mieux non ?

ça a effectivement l’air mieux. Il faudrait également que je trouve un moyen de trier par rangé et non par colonne. Pour le CSS, ça devra attendre, j’ai déja tellement de mal a coder comme ça sans rajouter un autre language ^^’ (en plus tiddlywiki semble assez hermetique au CSS d’apres l’expérience que j’en ai eu)