Résolu mettre une légende aux photos

Bonjour,

Comment mettre une légende aux photos ou images que j'insère ? Je remplis bien la petite case, dédiée mais le résultat n'apparait pas à l'écran.

cordialement,

Thérèse

Bonjour,

La description de l'image est destinée à s'afficher à l'écran si l'image ne s'affiche pas suite à un problème de réception. Elle est aussi utile aux malvoyants qui utilisent un logiciel de lecture particulier.

Sur Eklablog on peut faire en sorte que cette description s'affiche  également au survol du pointeur de la souris.

Il faut pour cela aller dans la Configuration du blog, et cocher la case: Afficher la description de l'image lors du survol de la souris (onglet Avancé).

pas concluant : le texte apparait bien au survol de la souris sur la version enregistrée mais il ne se fixe pas !

le texte n'apparaît pas sur la version "éditée"

Bonjour TheCha et bonjour stormalo,

pour que la légende apparaisse à tous les coups, perso je saisis le texte de la légende après avoir fait un retour à la ligne avec les touches Ctrl+Entrée = pas d'interligne entre la photo et la légende.

Ça permet de saisir 1/ ce qu'on veut comme légende 2/ de la mettre en forme (couleur, taille, italique etc.) 

Si ta photo est "centrée" [ou alignée à droite ou à gauche] la légende le sera aussi puisque pas de "retour paragraphe".

C'est juste une façon de faire si ça peut aider :)

Bonjour,

le Ctrl+Entrée n'amène aucune différence chez moi en ce qui concerne l'interligne. C'est idem.

??????

Mais quand même, puisque la légende apparaît au bout de ma souris sur le texte enregistré, pourquoi ne puis-je pas la fixer ?

Bonsoir,

C'est comme avec un jeu de construction, il faut faire avec les éléments que l'on a.

Il est possible de mettre du texte sous une image, mais dans ce cas ce n'est pas à la portée des débutants, car il faut parler à la machine avec des langages codés (html, css et/ou javascript).

Selon ta pratique actuelle, tu peux éventuellement utiliser ce tuto:
http://le-blog-facile.ek.la/ajouter-automatiquement-une-legende-aux-images-p410376

Dans les moyens tiers à la portée d'un très grand nombre de personnes, il est possible, par voie logicielle, d'inclure au préalable le texte avec l'image. Un exemple:

 <cliquer pour agrandir

Bonne soirée

le raccourci clavier Ctrl+Entrée ne fonctionne pas ? ha zut !

Peut-être faire une recherche sur le Net en fonction de l'ordi que tu utilises ? (j'en sais rien mais à tout hasard :)

Mon ordi est tout ce qu'il y a de plus ordinaire. Et il fonctionne sous windows.

Merci pour le lien, Stomalo, mais ne faisant pas partie des initiés, je passe mon tour. Pour l'heure, j'ai réussi à placer la légende juste sous le texte en faisant comme ceci :  le curseur placé à côté du coin droite en bas de l'image, j'ai tapé sur "espace" jusqu'à ce que le curseur se retrouve sous l'image, et là j'ai écris la légende. Mais du coup, ça a déplacé l'image vers la gauche. Elle n'est plus centrée. Ici, ce n'est pas important parce que l'image utilisait toute la place, mais en cas de juxtaposition texte/image, j'aurai sûrement des soucis.

Je trouve assez surprenant qu'Ekablog n'ait pas de solution simple à proposer.

Bonjour,

Pour les pseudos en voie d'initiation :

Une autre façon de faire:
- Créer une boite <div>au dimensions de l'image, y mettre un paragraphe <p> qui contient l'image et son libellé
Illustration :
http://ekladata.com/AuCf8lP1IvcV9fxx91cdNr7Q0Pw/SchemaTexte-sous-img.png

Un exemple  →   avec cette image:  et le libellé : famille de 3 enfants

• 1) Insèrer l'image via l'éditeur (mettre la taille à 200px de large pour cet exemple), suivie sa légende (sans frappes sur "espace")
  
  
• 2) Via l'icône < >  code source, ajouter à cette insertion d'image:
  - juste au dessus :
  <div style=" float: right; margin: 0 10px; width: 200px; text-align: center;">
   - juste au dessous :
  </div>
                                       (voir le code à obtenir)
  
  
• 3) Cliquer OK et Enregistrer
  

                                     Concernant les propriétés de style 
float: right;    pour que l'image soit à droite du texte (si à gauche: float: left;)
margin: 0 10px;    pour des marges latérales 10px (éloigne le texte de l'image)
width: 200px;    pour définir la largeur de l'élément conteneur (égale à celle de l'image)
tex-align: center;   pour que le libellé soit centré

Pour une image isolée et centrée (par ex. entre deux paragraphes), supprimer: float:right;  (ou float: left;) et modifier margin: 0 10px;  par margin: 0px auto; 

J’avais demandé "simple" ! LOL !

Je vais étudié tout ça ... MERCI