Affichage des images à la suite dans un article

Bonjour

Je ne sais pas si c’est un souci SPIP ou CSS, mais j’ai mes articles
qui contiennent des images & photos. A chaque fois l’ensemble des
photos s’affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j’arrive au bout de la ligne)

J’ai l’impression que cela vient d’une CSS SPIP, ou je me trompe ?

Pour le moment j'utilise le portfolio pour générer la miniature

Merci d'avance si vous avez un rtour

Aurélien

hello Aurelien,

dans ta feuille perso.css

#documents_portfolio li {
display: inline;
}

Le 21/06/2018 à 17:40, aurelien a écrit :

Bonjour

Je ne sais pas si c’est un souci SPIP ou CSS, mais j’ai mes articles
qui contiennent des images & photos. A chaque fois l’ensemble des
photos s’affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j’arrive au bout de la ligne)

J’ai l’impression que cela vient d’une CSS SPIP, ou je me trompe ?

Pour le moment j'utilise le portfolio pour générer la miniature

Merci d'avance si vous avez un rtour

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com

Tu peux les mettre dans un tableau (syntaxe tableau à vérifier) mais ça
marche.

|<doc1>|<doc2>|<doc>|

===================

"pi r" <root56@free.fr> a écrit dans le message de news:
cd026ba4-3b37-fb8b-0b3a-0a7f27a4bac9@free.fr...

hello Aurelien,

dans ta feuille perso.css

#documents_portfolio li {
display: inline;
}

Le 21/06/2018 à 17:40, aurelien a écrit :

Bonjour

Je ne sais pas si c'est un souci SPIP ou CSS, mais j'ai mes articles
qui contiennent des images & photos. A chaque fois l'ensemble des
photos s'affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j'arrive au bout de la
ligne)

J'ai l'impression que cela vient d'une CSS SPIP, ou je me trompe ?

Pour le moment j'utilise le portfolio pour générer la miniature

Merci d'avance si vous avez un rtour

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

Bonjour, lorsque les images sont de petites tailles par rapport à la taille de la page, on peut aussi écrire <img12>~<img34>~ ...
La tilde bloque le retour à la ligne.
Bonne journée,
Yves

Le 21/06/2018 à 17:55, pi r a écrit :

hello Aurelien,

dans ta feuille perso.css

#documents_portfolio li {
display: inline;
}

Le 21/06/2018 à 17:40, aurelien a écrit :

Bonjour

Je ne sais pas si c’est un souci SPIP ou CSS, mais j’ai mes articles
qui contiennent des images & photos. A chaque fois l’ensemble des
photos s’affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j’arrive au bout de la ligne)

J’ai l’impression que cela vient d’une CSS SPIP, ou je me trompe ?

Pour le moment j'utilise le portfolio pour générer la miniature

Merci d'avance si vous avez un rtour

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

aurelien a écrit le 21/06/2018 à 17:40 :

Bonjour

Je ne sais pas si c’est un souci SPIP ou CSS, mais j’ai mes articles
qui contiennent des images & photos. A chaque fois l’ensemble des
photos s’affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j’arrive au bout de la ligne)

J’ai l’impression que cela vient d’une CSS SPIP, ou je me trompe ?

Pour le moment j'utilise le portfolio pour générer la miniature

Merci d'avance si vous avez un rtour

Ceci devrait faire ton bonheur :
https://www.paris-beyrouth.org/Plugin-SPIP-Insertion-avancee-d-images

     <ligne13>
     <ligne14>
     <ligne15>
     <ligne16>

--
RealET

Bonjour,

Ben tel que c’est formulé, des vignettes en ligne, il y aurait juste, (les images étant enregistrées dans le Portfolio) :
<doc1|left><doc2|left><doc3|left><doc4|left><doc5|left><doc6|left> etc.

et elles se mettrons tel que tu dis mais il faudra alors surveiller les retours à la ligne car avec des vignettes de hauteurs différentes, ça peut mal se mettre… et il faudra alors intercaler des sauts de ligne (= aussi problème de responsivité).
C’est surtout bien avec 2-3 vignettes ou avec des images (donc vignettes) de même ratio…

Après, il y a effectivement des solutions de plugins variées…

Bonne journée
T

Effectivement, comme je le disais (je ne connaissais pas l’histoire de la tilde ~…)
Visible ici.

http://imagesetpeche.free.fr/?Autres-Photos

Problème de responsabilité réglé dans le css (je crois):
.spip_documents img{height:auto;width:auto;}

===========

« chromo2018 via spip » <spip@rezo.net> a écrit dans le message de news: 8e87ea4c-de83-6a4d-28ab-409c931aa763@laposte.net
Bonjour,

Ben tel que c’est formulé, des vignettes en ligne, il y aurait juste, (les images étant enregistrées dans le Portfolio) :
<doc1|left><doc2|left><doc3|left><doc4|left><doc5|left><doc6|left> etc.

et elles se mettrons tel que tu dis mais il faudra alors surveiller les retours à la ligne car avec des vignettes de hauteurs différentes, ça peut mal se mettre… et il faudra alors intercaler des sauts de ligne (= aussi problème de responsivité).
C’est surtout bien avec 2-3 vignettes ou avec des images (donc vignettes) de même ratio…

Après, il y a effectivement des solutions de plugins variées…

Bonne journée
T

Le 22/06/2018 à 09:04, Yves_forums a écrit :

Bonjour, lorsque les images sont de petites tailles par rapport à la taille de la page, on peut aussi écrire ~~ …
La tilde bloque le retour à la ligne.
Bonne journée,
Yves

Le 21/06/2018 à 17:55, pi r a écrit :

hello Aurelien,

dans ta feuille perso.css

#documents_portfolio li {
display: inline;
}

Le 21/06/2018 à 17:40, aurelien a écrit :

Bonjour

Je ne sais pas si c’est un souci SPIP ou CSS, mais j’ai mes articles
qui contiennent des images & photos. A chaque fois l’ensemble des
photos s’affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j’arrive au bout de la ligne)

J’ai l’impression que cela vient d’une CSS SPIP, ou je me trompe ?

Pour le moment j’utilise le portfolio pour générer la miniature

Merci d’avance si vous avez un rtour

Aurélien


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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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


Cet email a fait l’objet d’une analyse antivirus par AVG.
http://www.avg.com


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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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


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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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


merci
je suis en train de tester ce plugin... il est top....

Merci :wink:

2018-06-22 18:56 GMT+02:00 Patrick Dupouy <dupouypa@club-internet.fr>:

Effectivement, comme je le disais (je ne connaissais pas l'histoire de la
tilde ~...)
Visible ici.

http://imagesetpeche.free.fr/?Autres-Photos

Problème de responsabilité réglé dans le css (je crois):
.spip_documents img{height:auto;width:auto;}

===========

"chromo2018 via spip" <spip@rezo.net> a écrit dans le message de news:
8e87ea4c-de83-6a4d-28ab-409c931aa763@laposte.net...
Bonjour,

Ben tel que c'est formulé, des vignettes en ligne, il y aurait juste, (les
images étant enregistrées dans le Portfolio) :
<doc1|left><doc2|left><doc3|left><doc4|left><doc5|left><doc6|left> etc.

et elles se mettrons tel que tu dis mais il faudra alors surveiller les
retours à la ligne car avec des vignettes de hauteurs différentes, ça peut
mal se mettre... et il faudra alors intercaler des sauts de ligne (= aussi
problème de responsivité).
C'est surtout bien avec 2-3 vignettes ou avec des images (donc vignettes) de
même ratio..

Après, il y a effectivement des solutions de plugins variées...

Bonne journée
T

Le 22/06/2018 à 09:04, Yves_forums a écrit :

Bonjour, lorsque les images sont de petites tailles par rapport à la taille
de la page, on peut aussi écrire <img12>~<img34>~ ...
La tilde bloque le retour à la ligne.
Bonne journée,
Yves

Le 21/06/2018 à 17:55, pi r a écrit :

hello Aurelien,

dans ta feuille perso.css

#documents_portfolio li {
     display: inline;
}

Le 21/06/2018 à 17:40, aurelien a écrit :

Bonjour

Je ne sais pas si c’est un souci SPIP ou CSS, mais j’ai mes articles
qui contiennent des images & photos. A chaque fois l’ensemble des
photos s’affichent les unes en dessous des autres. Dans ce style :

Image 1

Image 2

Image 3

Je cherche à les afficher en vignette à la suite, style :

Image 1 Image 2 Image 3 (et retour à la ligne si j’arrive au bout de la
ligne)

J’ai l’impression que cela vient d’une CSS SPIP, ou je me trompe ?

Pour le moment j'utilise le portfolio pour générer la miniature

Merci d'avance si vous avez un rtour

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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

________________________________

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

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

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

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