Forum du site

Légende d’image
Patrice MOREL le 29 novembre 2023 à 19:42	Rappel du sujet : Bonjour, Je trouve bizarre que la légende de l’image ne se mette pas en dessous de l’image (la première de l’article) ! https://collectif-jeandeneyman.fr.spipfactory.fr/spip.php?article59 Je sais que c’est à cause du sommaire, et que je pourrais mettre des `<br>` avant... mais c’est bizarre quand même ! Ici c’est `<doc218\|center>` Qu’en pensez-vous ? @micalement Patrice
Jean Christophe Villeneuve le 29 novembre 2023 à 20:09	Légende d’image C’est le sommaire qui décale ton image vers la gauche. Donc soit tu te passes du sommaire pour cet article, soit tu mets un peu de texte au-dessus de l’image pour la faire passer sous le sommaire.
Patrice MOREL le 29 novembre 2023 à 20:57	Légende d’image Bonsoir Jean-Christophe, Oui j’avais bien vu que c’était le problème, mais je ne comprends pas que l’image et sa légende ne fasse pas un tout (`<span><div>` et toute la bande...) ! Cela devient même important car si tu vas sur l’Accueil, une image prise "au hasard" y figure avec une légende qui ne correspond pas ! Je sais que potentiellement les fantômes existent dans les cimetières, mais là j’ai fait la photo du siècle ! 😇 Bien à toi. Patrice
Jean Christophe Villeneuve le 29 novembre 2023 à 21:12	légende d’image C’est parce que le sommaire est `float: right` Si tu mets `.nav-sommaire { float: none; }` dans ton perso.css, le sommaire sera au-dessus de l’image et à gauche et tu récupéreras l’alignement image/légende. De quelle image de la page d’accueil parles-tu ?
Patrice MOREL le 30 novembre 2023 à 10:24	légende d’image Bonjour Jean-Christophe et merci, J’ai solutionné un problème en mettant du html, mais j’ai mis de côté ton CSS qui pourrait servir... `<html><br><br><br><br><br></html> <doc218\|center>` Pour la Page Accueil c’est bizarre de mettre une photo prise "au hasard" du portefolio de l’article et la légende en début d’article qui apparaît. Dans ce cas cela fait une tombe avec personne autour et la légende dessous d’une autre photo : "[...] Dépôt d’une gerbe sur la tombe de Jean Une partie de la famille de Neyman, le 28 février 2015. (de G à D : Dominique de Neyman, Sara, Jean-Loup de Neyman, Claire Buchbinder, Guy Texier (du Comité du (...)" C’est pour çà que je parle de fantômes 😎 Si je comprends bien pourquoi cela se présente comme çà, le visiteur, lui ne comprend pas ! Pourquoi ne pas mettre la légende sous la photo qui est présentée en page d’Accueil ? Voilà pourquoi je pense que les 2 problèmes sont liés : la légende devrait faire partie intégrante de son image à mon avis. Voila, voila, ... Bien @micalement, Patrice
Jean Christophe Villeneuve le 30 novembre 2023 à 11:45	légende d’image Ok pigé. En page d’accueil, pour choisir l’image affichée, il faut la numéroter dans le titre (numéro pont espace titre). J’ai numéroté "Dépôt d’une gerbe sur la tombe de Jean" et hop ! Je me suis aussi permis d’activer GD2 et la génération automatique des miniatures des images pour voir les images dans l’édition d’article à gauche.
Patrice MOREL le 30 novembre 2023 à 11:52	légende d’image Merci beaucoup Jean-Christophe, C’est parfait. @+ Patrice
Jean Christophe Villeneuve le 30 novembre 2023 à 11:53	légende d’image Je vois aussi que le sommaire s’affiche. Ce ne sera plus le cas dans la prochaine version d’Escal.
Patrice MOREL le 30 novembre 2023 à 11:54	légende d’image 1 pecable 2 pecaux
Jean Christophe Villeneuve le 30 novembre 2023 à 19:04	légende d’image Ah ben non fausse promesse... ce que je voulais faire provoque une erreur si le plugin "sommaire automatique" est désactivé.
Patrice MOREL le 1er décembre 2023 à 17:58	légende d’image Je reste sur mes `<br>` alors. Merci pour la recherche quand même. @+ Patrice
Jean Christophe Villeneuve le 1er décembre 2023 à 18:15	Légende d’image Petite astuce, au lieu des `<br>`, tu peux utiliser le tilde `~` pour générer une ligne vide
Patrice MOREL le 1er décembre 2023 à 18:17	Légende d’image Merci Je ne connaissais pas. @ Patrice
stéphane poupard le 9 décembre 2023 à 14:11	saut alors si on parle de saut : on pourrais également insèré une ligne de séparation (balise `<hr>` ). et si on veut que celle-ci soit invisible, la CSS : `hr {visibility: hidden;}`

Patrice MOREL
le 29 novembre 2023
à 19:42

Rappel du sujet :

Bonjour,

Je trouve bizarre que la légende de l’image ne se mette pas en dessous de l’image (la première de l’article) !
https://collectif-jeandeneyman.fr.spipfactory.fr/spip.php?article59
Je sais que c’est à cause du sommaire, et que je pourrais mettre des <br> avant... mais c’est bizarre quand même !
Ici c’est <doc218|center>

Qu’en pensez-vous ?

@micalement
Patrice

Jean Christophe Villeneuve
le 29 novembre 2023
à 20:09

Légende d’image

C’est le sommaire qui décale ton image vers la gauche. Donc soit tu te passes du sommaire pour cet article, soit tu mets un peu de texte au-dessus de l’image pour la faire passer sous le sommaire.

Patrice MOREL
le 29 novembre 2023
à 20:57

Légende d’image

Bonsoir Jean-Christophe,

Oui j’avais bien vu que c’était le problème, mais je ne comprends pas que l’image et sa légende ne fasse pas un tout (<span><div> et toute la bande...) !
Cela devient même important car si tu vas sur l’Accueil, une image prise "au hasard" y figure avec une légende qui ne correspond pas ! Je sais que potentiellement les fantômes existent dans les cimetières, mais là j’ai fait la photo du siècle !
😇
Bien à toi.
Patrice

Jean Christophe Villeneuve
le 29 novembre 2023
à 21:12

légende d’image

C’est parce que le sommaire est float: right
Si tu mets

.nav-sommaire {
	float: none;
}

dans ton perso.css, le sommaire sera au-dessus de l’image et à gauche et tu récupéreras l’alignement image/légende.

De quelle image de la page d’accueil parles-tu ?

Patrice MOREL
le 30 novembre 2023
à 10:24

légende d’image

Bonjour Jean-Christophe et merci,

J’ai solutionné un problème en mettant du html, mais j’ai mis de côté ton CSS qui pourrait servir...

<html><br><br><br><br><br></html>
<doc218|center>

Pour la Page Accueil c’est bizarre de mettre une photo prise "au hasard" du portefolio de l’article et la légende en début d’article qui apparaît.
Dans ce cas cela fait une tombe avec personne autour et la légende dessous d’une autre photo : "[...] Dépôt d’une gerbe sur la tombe de Jean Une partie de la famille de Neyman, le 28 février 2015.
(de G à D : Dominique de Neyman, Sara, Jean-Loup de Neyman,
Claire Buchbinder, Guy Texier (du Comité du (...)"

C’est pour çà que je parle de fantômes 😎

Si je comprends bien pourquoi cela se présente comme çà, le visiteur, lui ne comprend pas !

Pourquoi ne pas mettre la légende sous la photo qui est présentée en page d’Accueil ?

Voilà pourquoi je pense que les 2 problèmes sont liés : la légende devrait faire partie intégrante de son image à mon avis.

Voila, voila, ...
Bien @micalement,
Patrice

Jean Christophe Villeneuve
le 30 novembre 2023
à 11:45

légende d’image

Ok pigé.
En page d’accueil, pour choisir l’image affichée, il faut la numéroter dans le titre (numéro pont espace titre). J’ai numéroté "Dépôt d’une gerbe sur la tombe de Jean" et hop !
Je me suis aussi permis d’activer GD2 et la génération automatique des miniatures des images pour voir les images dans l’édition d’article à gauche.

Patrice MOREL
le 30 novembre 2023
à 11:52

légende d’image

Merci beaucoup Jean-Christophe,
C’est parfait.
@+
Patrice

Jean Christophe Villeneuve
le 30 novembre 2023
à 11:53

légende d’image

Je vois aussi que le sommaire s’affiche.
Ce ne sera plus le cas dans la prochaine version d’Escal.

Patrice MOREL
le 30 novembre 2023
à 11:54

légende d’image

1 pecable 2 pecaux

Jean Christophe Villeneuve
le 30 novembre 2023
à 19:04

légende d’image

Ah ben non fausse promesse... ce que je voulais faire provoque une erreur si le plugin "sommaire automatique" est désactivé.

Patrice MOREL
le 1er décembre 2023
à 17:58

légende d’image

Je reste sur mes <br> alors.
Merci pour la recherche quand même.
@+
Patrice

Jean Christophe Villeneuve
le 1er décembre 2023
à 18:15

Légende d’image

Petite astuce, au lieu des <br>, tu peux utiliser le tilde ~ pour générer une ligne vide

Patrice MOREL
le 1er décembre 2023
à 18:17

Légende d’image

Merci
Je ne connaissais pas.
@
Patrice

stéphane poupard
le 9 décembre 2023
à 14:11

saut

alors si on parle de saut :

on pourrais également insèré une ligne de séparation (balise <hr> ).
et si on veut que celle-ci soit invisible, la CSS : hr {visibility: hidden;}

Edito