BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Image dans Texte multi-lignes
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Image dans Texte multi-lignes

 Répondre Répondre
Auteur
Message
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Image dans Texte multi-lignes
    Envoyé : 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.
Je ne parviens plus a savoir comment j'ai fait (Alzheimer, déjà ?)
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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 !!!
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Août 2018 à 23:05
Bonjour Dmit,
Merci pour cette astuce de contournement qui fonctionne parfaitement (comme d'habitude).
Cordialement.
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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 !!!
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.