Antivirus offre spéciale - jusqu'à 60 % de réduction avec 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: Feb 27 2013
Pays: France
Status: Inactif
Points: 455
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é : 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.
Je ne parviens plus a savoir comment j'ai fait (Alzheimer, déjà ?)
Version OE :1 57R9
Mon site
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member
Avatar

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

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

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

Depuis le: Feb 27 2013
Pays: France
Status: Inactif
Points: 455
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 10 2018 à 10:05pm
Bonjour Dmit,
Merci pour cette astuce de contournement qui fonctionne parfaitement (comme d'habitude).
Cordialement.
Version OE :1 57R9
Mon site
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member
Avatar

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

Depuis le: Feb 27 2013
Pays: France
Status: Inactif
Points: 455
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.
Version OE :1 57R9
Mon site
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 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Réserver en ligne un taxi, vtc, navette