Imprimer la Page | Close Window

Image dans Texte multi-lignes

Imprimé depuis: Forum openElement
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/fr/forum_posts.asp?TID=23398
Date: 15 Nov 2018 à 03:17
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: 10 Août 2018 à 10:16
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à ?)


-------------
Version OE :1 57R9
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site



Réponses:
Posté par: Maurice306
Posté le: 10 Août 2018 à 16:51
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: 10 Août 2018 à 19:33
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.


-------------
Version OE :1 57R9
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site


Posté par: Dmit OE
Posté le: 10 Août 2018 à 21:38
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: 10 Août 2018 à 23:05
Bonjour Dmit,
Merci pour cette astuce de contournement qui fonctionne parfaitement (comme d'habitude).
Cordialement.


-------------
Version OE :1 57R9
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site


Posté par: Maurice306
Posté le: 12 Août 2018 à 10:44
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: 12 Août 2018 à 12:39
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.


-------------
Version OE :1 57R9
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