Il serait à mon sens plus simple que tu utilises des div flottant (Voir
le paramètre CSS float) plutot qu'un tableau. En effet, en faisant des
div flottants de largeur 100px, ils vont se mettre les uns à coté des
autres et quand il n'y aura plus de place sur la ligne ils iront se
mettre sur la ligne suivante.
Voir un peu de doc ici :
Il suffit alors de faire qqch de la forme :
<BOUCLE_filmo(ARTICLES){id_mot=#ENV{id}}{exclus}{doublons}{par titre}>
<div style='float:left;width:125px;'> <a href="#URL_ARTICLE"
title="#TITRE">[(#LOGO_ARTICLE||image_reduire{125,125})]</a></div>
</BOUCLE_filmo>
Ca affichera les logos des articles associés à id_mot cote à cote dans
des boites de 125 pixels. Si l'écran n'est pas assez large pour contenir
toutes les boites, elles s'organiseront en lignes. Le nombre de logo par
ligne dépendra de la largeur de l'écran de l'ordinateur du visiteur.
Au passage, plutot que de définir le style en dur dans la boucle, il
serait préférable de faire une classe CSS associée.
*Joseph LARMARANGE*
Gaius Baltar a écrit :
> je souhaiterai afficher ma liste sous forme de mosaique d'images en
> affichant le titre image quand on survole l'image
>
> mais comment faire pour que le tableau tienne compte de la resolution de
> l'écran , avec une largeur d'image de 100 par exemple
>
> comment mettre 5 images par ligne soit 5 colonnes
>
> mais si qqn a un vieil ecran en 1024 ou meme en 800 qu'il n'en affiche
> plus que 3 colonne par ligne par ex ?
>
>
> je prendrai cette boucle comme point de depart, mais en zappant la 2e
> colonne texte
>
> <BOUCLE_filmo(ARTICLES){id_mot=#ENV{id}}{exclus}{doublons}{par titre}>
> [(#ID_ARTICLE|!={#ENV{id_actuel}}|?{<tr><td> <a href="#URL_ARTICLE"
> title="#TITRE">
> [(#LOGO_ARTICLE||image_reduire{125,125})]</a></td><td><a
> href="#URL_ARTICLE" title="#TITRE"> #DESCRIPTIF</a> </td></tr>,})]
> </BOUCLE_filmo>
>
>
>