Imprimer la Page | Close Window

Image dans Texte multi-lignes

Imprimé depuis: openElement Website
Categorie:

openElement


Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: http://forum.openelement.com/en/forum_posts.asp?TID=23398
Date: Mar 25 2019 à 1:38am
Version logiciel: Web Wiz Forums 10.18 - http://www.webwizforums.com


Sujet: Image dans Texte multi-lignes
Posté par: jjb1
Sujet: Image dans Texte multi-lignes
Posté le: Aug 10 2018 à 9:16am
Bonjour à tous,
J'ai déjà posé la question, mais je ne retrouve ni le sujet dans le forum, ni dans mes notes personnelles (certes mal rangées !).
J'ai intégré sur mon site des images dans un texte multi-lignes un peu comme une lettrine, c'est à dire, noyées dans le texte.
http://prod.chasse-autreches.xyz/Piegeage.htm" rel="nofollow - Exemple
Je ne parviens plus a savoir comment j'ai fait (Alzheimer, déjà ?)


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site



Réponses:
Posté par: Maurice306
Posté le: Aug 10 2018 à 3:51pm
Bonjour,

Il semblerait que le TUTO ne soit plus actif, mais voila ce que j'ai si ça peut y répondre :

Élément multi-lignes, Ecrire le texte en justifié

Mettre le curseur au début de ta ligne

Menu du haut, onglet Zone de Style [cadre principal], Image

Une nouvelle fenêtre s'ouvre, Sélectionner l'image

Alignement : au milieu du texte

Flottement : par défaut ou à gauche (tester d'autres solutions éventuellement)

Vous pouvez caler l'image a gauche ou à droite et faire que le texte l'entoure. Pour cela, pendant l'ajout d'une image, sélectionnez "Gauche" ou "Droite" (et dans propriété CSS mettre "float")

CSS libre : margin-right: 25px; margin-bottom: 25px; pour séparer l'image du texte.

Modifier en rouge le nombre de pixels que vous souhaitez pour éloigner le texte de l'image



-------------
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!


Posté par: jjb1
Posté le: Aug 10 2018 à 6:33pm
Merci Maurice306,
Effectivement, cela me revient, mais je ne me souviens pas d'avoir appris cela à l'aide d'un tuto ?

Par contre, une fois l'image insérée je ne parviens pas à faire de modification (de marge, par exemple).
Cela n'est peut-être pas possible.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site


Posté par: Dmit OE
Posté le: Aug 10 2018 à 8:38pm
Non pas directement; vous pouvez toutefois faire avec un Bloc de Code type CSS; ex. si vous mettez une Classe Perso "text" sur l'element-texte, et toutes les images doivent avoir les memes marges:

.text  img { margin: 4px 8px 2px 2px !important; }


-------------
- Pourquoi faire simple si on peut faire compliqué? - C'est juste pour vous embêter


Posté par: jjb1
Posté le: Aug 10 2018 à 10:05pm
Bonjour Dmit,
Merci pour cette astuce de contournement qui fonctionne parfaitement (comme d'habitude).
Cordialement.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site


Posté par: Maurice306
Posté le: Aug 12 2018 à 9:44am
Message posté par jjb1 jjb1 a écrit:

Merci Maurice306,
Effectivement, cela me revient, mais je ne me souviens pas d'avoir appris cela à l'aide d'un tuto ?

Par contre, une fois l'image insérée je ne parviens pas à faire de modification (de marge, par exemple).
Cela n'est peut-être pas possible.

Bonjour,
Je crois que c'est Brolysan qui avait donné l'info sur un post, mais je ne me souviens plus le thème 



-------------
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!


Posté par: jjb1
Posté le: Aug 12 2018 à 11:39am
Oui, c'est bien possible, Bridet avait également participé à la conversation, mais je n'ai rien retrouvé sur le forum.
Quoi qu'il en soit, j'ai résolu la question, grâce à vous.
C'est aussi en cela que ce forum est formidable.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site



Imprimer la Page | Close Window

Forum Software by Web Wiz Forums® version 10.18 - http://www.webwizforums.com
Copyright ©2001-2014 Web Wiz Ltd. - http://www.webwiz.co.uk