Afficher une serie d'images sous forme de tableau

Général
1

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.
Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

2

ne pas faire un tableau mais mettre chaque image dans un div avec un float left et le titr en dessous de l'image

un truc du genre (si j'ai compris le principe)

<style>
  .vignettes {
    float: left;
  }
</style>

<div class="vignettes">
  <img src="#LOGO" />
  <a href="#URL">#TITRE</a>
</div>

ca reste à tuner bien sur.

Chag

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

--
"Ca ne marche pas" ne veut rien dire. Alors ne dites rien (ou développez !)
"it doesn't work" means nothing. So, say nothing (or say more !)

3

Merci je vais essayer,

et en jouant sur la largeur du conteneur des images celà devrait se positionner tout seul en fonction du nombre maxi d'image ?

cordialement

François.

chag a écrit :

ne pas faire un tableau mais mettre chaque image dans un div avec un float left et le titr en dessous de l'image

un truc du genre (si j'ai compris le principe)

<style>
    .vignettes {
        float: left;
    }
</style>

<div class="vignettes">
    <img src="#LOGO" />
    <a href="#URL">#TITRE</a>
</div>

ca reste à tuner bien sur.

Chag

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

4

eaxctement

dans ton .vignettes, tu met un width:100px; et chaque bloc d'image+titre+url fera 100px de large. si ton conteneur parent fait 500px de large, tu auras donc bien 5 images par colonne et autant de ligne que necessaire (sous reserve que le contenu s'une image ne depasse pas 100px)

Chag

BILLARD a écrit :

Merci je vais essayer,

et en jouant sur la largeur du conteneur des images celà devrait se positionner tout seul en fonction du nombre maxi d'image ?

cordialement

François.

chag a écrit :

ne pas faire un tableau mais mettre chaque image dans un div avec un float left et le titr en dessous de l'image

un truc du genre (si j'ai compris le principe)

<style>
    .vignettes {
        float: left;
    }
</style>

<div class="vignettes">
    <img src="#LOGO" />
    <a href="#URL">#TITRE</a>
</div>

ca reste à tuner bien sur.

Chag

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

--
"Ca ne marche pas" ne veut rien dire. Alors ne dites rien (ou développez !)
"it doesn't work" means nothing. So, say nothing (or say more !)

5

Oui de fait je ne sais pourquoi je n'y ai pas pensé plus tôt.

Merci

François.

chag a écrit :

eaxctement

dans ton .vignettes, tu met un width:100px; et chaque bloc d'image+titre+url fera 100px de large. si ton conteneur parent fait 500px de large, tu auras donc bien 5 images par colonne et autant de ligne que necessaire (sous reserve que le contenu s'une image ne depasse pas 100px)

Chag

BILLARD a écrit :

Merci je vais essayer,

et en jouant sur la largeur du conteneur des images celà devrait se positionner tout seul en fonction du nombre maxi d'image ?

cordialement

François.

chag a écrit :

ne pas faire un tableau mais mettre chaque image dans un div avec un float left et le titr en dessous de l'image

un truc du genre (si j'ai compris le principe)

<style>
.vignettes {
float: left;
}
</style>

<div class="vignettes">
<img src="#LOGO" />
<a href="#URL">#TITRE</a>
</div>

ca reste à tuner bien sur.

Chag

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

6

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d’articles en fonction d’un mot clé sur l’ensemble des rubriques d’un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d’articles par avance je souhaiterais formater l’affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d’images.

Quelqu’un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

Peut-être avec le filtre alterner ?
Un exemple pour un tableau en 5 colonnes.
J’utilise ce principe ici

<BOUCLE_les_articles(ARTICLES){id_rubrique}{par titre}{pagination 15} >
[(#COMPTEUR_BOUCLE|alterner{‹  ›,‹  ›,‹  ›,‹  ›,‹  ›})]

affichage [(#COMPTEUR_BOUCLE|alterner{'','','','',''})]
7

Je ne connaissais pas cette option alterner , mais avec les CSS celà fonctionne bien, un conteneur de 1000px avec des vignettes de 200px est le tour est joué.

Merci

François BILLARD.

Jean-Christophe Villeneuve a écrit :

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

Peut-être avec le filtre alterner ?
Un exemple pour un tableau en 5 colonnes.
J'utilise ce principe ici <http://nout.crdp.ac-lyon.fr/escal/spip.php?rubrique11&gt;

<BOUCLE_les_articles(ARTICLES){id_rubrique}{par titre}{pagination 15} >
[(#COMPTEUR_BOUCLE|alterner{'<tr>','','','',''})]
<td>
affichage </td>
[(#COMPTEUR_BOUCLE|alterner{'','','','','</tr>'})]
</BOUCLE_les_articles>

8

BILLARD a écrit :

Je ne connaissais pas cette option alterner , mais avec les CSS celà fonctionne bien, un conteneur de 1000px avec des vignettes de 200px est le tour est joué.

alors va bene !

Merci

François BILLARD.

Jean-Christophe Villeneuve a écrit :

BILLARD a écrit :

Bonjour

je souhaite récuperer les LOGO, URL, et TITRE d'articles en fonction d'un mot clé sur l'ensemble des rubriques d'un site pour en faire ensuite un tableau de vignettes.

Cependant ne connaissant pas le nombre d'articles par avance je souhaiterais formater l'affichage sous forme de tableau de 5 images par ligne. Le nombre de ligne variant en fonction du nombre total d'images.

Quelqu'un aurait il une piste pour cette fonctionnalité ?

merci

François BILLARD

Peut-être avec le filtre alterner ?
Un exemple pour un tableau en 5 colonnes.
J'utilise ce principe ici <http://nout.crdp.ac-lyon.fr/escal/spip.php?rubrique11&gt;

<BOUCLE_les_articles(ARTICLES){id_rubrique}{par titre}{pagination 15} >
[(#COMPTEUR_BOUCLE|alterner{'<tr>','','','',''})]
<td>
affichage </td>
[(#COMPTEUR_BOUCLE|alterner{'','','','','</tr>'})]
</BOUCLE_les_articles>