• Positionner une photo dans un article


    Mardi 29 Août à 00:55
    Bruno Q.

    Bonjour,

    j'ai beau chercher dans le forum je ne trouve pas la réponse à une question simple : comment positionner à sa guise une photo dans un article ?

    J'ai eu un blog sur une autre plateforme et c'était possible...

    Ce que je recherche est l'équivalent due la fonction "Habillage du texte" dans Word (par ex.) qui permet d'avoir la photo en "Rapproché" ou "Carré" ou "Devant le texte", etc.

    Pourquoi m'est-il donc impossible de trouver la même fonction dans Eklablog ?

    Merci pour votre aide appréciée.

    Mardi 29 Août à 11:38
    Pipiou

    Bonjour,

    tu ne peux pas trouver la "même fonction" parce que Eklablog n'est pas Word et n'a pas non plus le même langage wink2

    t'es sûr que tu as essayé ? parce que quand on insère une petite image elle EST en position rapprochée, pour peu qu'il y ait la place nécessaire (sur une même ligne) pour image + texte

    ...dans Créer mon blog en 7 étapes (là, à gauche), le point 3...

    si c'est pour mettre une légende/texte "collé" à une image, au lieu d'un retour à la ligne avec la touche Entrée, tu fais un retour à la ligne avec Maj-Entrée

     

    Mardi 29 Août à 19:37
    Bruno Q.

    Lors de mes essais, je peux effectivement positionner la photo en haut à gauche ou en haut à droite, mais pas parmi le texte avec quelques lignes au-dessus, quelques ligne à côté et quelques lignes en-dessous (je ne sais plus quel est le terme approprié).

    Non, ce n'est pas le même langage que Word, mais sur une autre plateforme, on pouvait placer l'image où bon nous semblait. D'où ma question parce que c'est frustrant...

    Mardi 29 Août à 20:39
    stormalo

    Bonjour,

    Voici un exemple possible > voir copie d'écran  (en nouvelle fenêtre)

    et la structure du code html dans le code source < >

     <p style="text-align: justify;"> <img style="float: left; margin-right: 10px; margin-left: 10px;" src="http://ekladata.com/mOUKxHqMlpifMKMniYJmQ9O9M0M/242x216bateau.jpg" alt="" width="180" height="161" />ICI LE TEXTE.</p>


    <p><img style="float: right; margin-right: 10px; margin-left: 10px;" src="http://ekladata.com/mOUKxHqMlpifMKMniYJmQ9O9M0M/242x216bateau.jpg" alt="" width="180" height="156" /></p>
    <p style="text-align: justify;">ICI LE TEXTE.</p>


    <p style="text-align: justify;"> <img style="float: right; margin-right: 10px; margin-left: 10px;" src="http://ekladata.com/mOUKxHqMlpifMKMniYJmQ9O9M0M/242x216bateau.jpg" alt="" width="180" /> <img style="float: left; margin-right: 10px; margin-left: 10px;" src="http://ekladata.com/mOUKxHqMlpifMKMniYJmQ9O9M0M/242x216bateau.jpg" alt="" width="180" />ICI LE TEXTE.</p>

    les style="  "  se placent avec l'éditeur (insérer/éditer image >  onglet Avancé)

     

    Je n'ai pas essayé de tout mettre dans une seule balise <p>.................</p>

    Mercredi 30 Août à 08:50
    Bruno Q.

    Merci Stormalo.
    J'ai coller ton 1er code dans un article, j'ai supprimé tes photos, j'ai inséré mon texte et j'ai un rendu qui me satisfait.
    Car, malgré les indications de Pipiou, je n'ai vraiment pas réussi en utilisant les commandes...

    Je garde tes 3 codes précieusement ! :-)

    Mercredi 30 Août à 10:26
    Pipiou

    merci stormalo : le codage c'est le plus sûr pour "positionner" exactement comme on veut, avec des espaces tout autour  (et pas des lignes wink2)

    @ Bruno : quand tu rédiges/édites un article : pense à aller voir le code source (via le bouton < >)  tu y verras les codes justement. 

    Bonnes suites

     

    Mercredi 30 Août à 22:24
    stormalo

    J'ai indiqué le code source mais on est pas obligé de l'écrire manuellement.

    L’éditeur sait le faire via ses icônes et boites de paramétrage !  wink2

    Jeudi 31 Août à 00:55
    Bruno Q.

    Ben, justement, dans ce cas, l'éditeur n'offre pas exactement ce que nous sommes nombreux à rechercher. Donc le code s'impose...

    Jeudi 31 Août à 11:20
    stormalo

    glasses  ....  le code s'impose ?

     Un p'tit mémo pour faire la même chose que les exemples, sans écrire le code.  

     ✔ pour que l'image "flotte" dans le texte (que le texte coule autour de l'image) :
    sélection de l'image + clic icône d'alignement (à gauche ou à droite)

     ✔ pour l'espacement autour de l'image :
    sélection de l'image + clic icône Editer une image > Onglet Avancé, Espacement (mettre une valeur, sans l'écriture px)

     ✔ pour ajuster si nécessaire les dimensions de l'image :
    sélection de l'image + clic icône Editer une image > Onglé Avancé, cases Dimensions

     ✔ pour que le texte soit justifié :
    un clic dans le texte + un clic sur l'icône d'alignement Justifié

     Bien sûr, ici,  image et texte doivent être dans le même paragraphe <p> .....</p>

    Une image se sélectionne par un clic.
    Elle est alors entourée d'un cadre fin avec huit
    petits carrés

    Bonne journée

    Jeudi 31 Août à 20:16
    Bruno Q.

    OK, je vais essayer.
    J'avais zappé jusque-là la commande "Avancé" dans la fenêtre d'insertion d'image...

    Sinon, la sélection d'une image dans l'article pose problème : j'ai beau cliquer, la surbrillance (en bleu, ou même le cadre à petits carrés) ne s'affiche pas systématiquement. Il me faut insister et, clic maintenu, déplacer la photo pour qu'alors elle soit sélectionnée.
    Petit bug, mais qui a le don de m'agacer quand il vient s'ajouter à d'autres. sarcastic

    En tout cas, merci pour l'aide.




    Vous devez être membre pour poster un message.