-
Alignement photo/texte
ATTENTION: Penser à agrandir la fenêtre "édition d'un article" de la largeur réelle de l'article à l'écran , car le rendu de la mise en page dépend de la largeur des lignes ( exemple: deux images de 400px ne tiendront pas sur une même ligne inférieure à 800px, donc en visualisant dans une petite fenêtre de moins de 800px de large, vous risquez de faire une mise en page qui bougera forcément une fois sur un article de 900px de large)premier bouton image dans éditeur article, pour insérer une image depuis son ordi vers l'article
- j'ai choisi dimension miniature, alignement gauche puis envoyer
- Retour dans l'éditeur d'article, le curseur de la souris positionné à droite de l'image, j'ai copié du texte
RENDU ci-dessous
( pour éloigner le texte du bord droit ou gauche de l'image,
j'ai ajouté dans le CSS en passant par "modifier le thème" puis "ajouter du CSS"
les lignes de codes suivantes
/*ajout marge autour des images*/
.article_text img {
margin-right: 15px;
margin-left: 15px;}-------------------------------------------------------------------------------------------------------------------------------
nanes nascitur qua nascitur pomerium flatus nascitur diversitate urbis Romae et flatus inanes quicquid flatus vile flatus credi urbis orbos nec pomerium quorundam quorundam vile flatus coluntur aestimant coluntur flatus quicquid praeter quicquid flatus obsequiorum nec praeter extra esse sine flatus nascitur liberis obsequiorum esse credi obsequiorum esse praeter obsequiorum inanes potest homines liberis credi quorundam flatus liberis homines inan nanes nascitur qua nascitur pomerium flatus nascitur diversitate urbis Romae et flatus inanes quicquid flatus vile flatus credi urbis orbos nec pomerium quorundam quorundam vile flatus coluntur aestimant coluntur flatus quicquid praeter quicquid flatus obsequiorum nec praeter extra esse sine flatus nascitur liberis obsequiorum esse credi obsequiorum esse praeter obseq
Différentes procédures:
A- AVEC ICONE "IMAGE", ajouter une image:
- Écrire du texte ou coller du texte dans le cadre "Nouvel article".
- Le curseur souris positionné en début de paragraphe (devant le mot "Inanes")
ajouter une image (premier icone "Image" de la barre outils éditeur article.)
depuis son ordinateur ou avec son url (http si déjà hébergée sur Ekladata).
dans lea fen$etre de dialogue, on peut régler les dimensions de l'image affichée , la faire ouvrir en dim originales avec clic souris dessus et surtout choisir l'alignement:
Dans l'exemple ci-dessous, taille perso première case 250 px, case ouvrir grande taille cochée et alignement à gauche
In
anes nascitur qua nascitur pomerium flatus nascitur diversitate urbis Romae et flatus inanes quicquid flatus vile flatus credi urbis orbos nec pomerium quorundam quorundam vile flatus coluntur aestimant coluntur flatus quicquid praeter quicquid flatus obsequiorum nec praeter extra esse sine flatus nascitur liberis obsequiorum esse credi obsequiorum esse praeter obsequiorum inanes potest homines liberis credi quorundam flatus liberis homines inanes esse liberis nec aestimant obsequiorum potest vile qua sine pomerium aestimant homines esse potest potest pomerium diversitate liberis diversitate quorundam esse diversitate vile qua et praeter.
B- AVEC ICONE "insérer/éditer une image" ( petit paysage montage seul):
- Écrire du texte dans le cadre "nouvel article"
- Placer curseur souris devant premier mot "quam".
- "insérer/éditer une image" (image depuis mes fichiersEkla, dimension démandée, seule la première case remplie (largeur) et case respecter proportionnalité cochée). Jusque là, la photo n'est pas encore bien placée mais ....
- clic sur photo pour la sélectionner et clic "Aligner à droite" dans la barre outils de l'Eklaéditeur
5- Suite à remarque de Stormalo dans les commentaires, le pavé de texte ci-dessous est "justifié" avec le bouton dans l'éditeur de texte.
Quam ob rem vita quidem talis fuit vel fortuna vel gloria, ut nihil posset accedere, moriendi autem sensum celeritas abstulit; quo de genere mortis difficile dictu est; quid homines suspicentur, videtis; hoc vere tamen licet dicere, P. Scipioni ex multis diebus, quos in vita celeberrimos laetissimosque viderit, illum diem clarissimum fuisse, cum senatu dimisso domum reductus ad vesperum est a patribus conscriptis, populo Romano, sociis et Latinis, pridie quam excessit e vita, ut ex tam alto dignitatis gradu ad superos videatur deos potius quam ad inferos pervenisse.
Et hanc quidem praeter oppida multa duae civitates exornant Seleucia opus Seleuci regis, et Claudiopolis quam deduxit coloniam Claudius Caesar. Isaura enim antehac nimium potens, olim subversa ut rebellatrix interneciva aegre vestigia claritudinis pristinae monstrat admodum pauca.
C - pour insérer une photo à gauche et une photo à droite d'un texte
- Si icone "Insérer /éditer image"( où dans la fenêtre de dialogue il n'y a pas le réglage 'alignement image' ),
une fois l'image insérée dans l'article avant enregistrement, cliquer sur image pour la sélectionner et utiliser les icones d'alignement de la barre outils de l'éditeur d'article. Dans exemple ci dessous, première image insérée: kaléidoscope alignée gauche.
- On tape son texte
- Curseur de la souris positionné devant le premier mot du paragraphe ( c'est à dire entre première image et 'Et', "insérer/éditer image" pour envoyer la deuxième photo . cliquer sur deuxième photo pour la sélectionner puis alignement droit avec l'icone outil dans l'éditeur d'article.
- Suite à remarque de Stormalo dans les commentaires, le pavé de texte ci-dessous est "justifié" avec le bouton dans l'éditeur de texte
Et quoniam mirari posse quosdam peregrinos existimo haec lecturos forsitan, si contigerit, quamobrem cum oratio ad ea monstranda deflexerit quae Romae gererentur, nihil praeter seditiones narratur et tabernas et vilitates harum similis alias, summatim causas perstringam nusquam a veritate sponte propria digressurus.
Tags : Alignement images
-
Commentaires
Ben, voilà, je peux même me connecter avec ton pseudo ! Pas un problème d'écran... lol ! mais peut-être bien un problème de cache !
Bises.
T'es une petite coquine, toi !! mais c'est pas vrai:
d'abord ,tu as fait une erreur de frappe et puis après, tu ne peux pas te connecter à mon Eklacompte ( comme je ne peux ni personne ne peut se connecter à ton eklacompte, sans en connaitre le mot de passe administrateur)
Alors, arrête de te faire passer pour moi sinon je mords
Compris ?
Ben ça alors, me suis gourée mais fallait que j'essaie de nouveau ce trucmuch ! Maintenant ça y est, je crois que j'ai tout compris ! Tu ne m'en veux pas, dis !
Allez bises !
Tu veux rire ou quoi ! Dès que j'en ai l'occasion, je te destroy ton blog.
GREEEEEUUUU
PS: C chouette de déblatérer dans les comms. On croirait deux ados ! ça nous rajeunit, hein ?
Allez, j'en rajoute une petite couche avec mon pseudo sans être connectée pour être sûre sûre sûre... absolument sûre... lol ! Et après je te promets, j'arrête, des fois que tu mettrais tes menaces à exécution ! T'as raison on dirait des ados ! Et en plus je viens de découvrir tout ça !...
et là c'est carrément de l'enfantillage lol !
Bises et bonne journée ensoleillée ! A+
9chaxelMercredi 25 Décembre 2013 à 18:23bonsoir mon amie
alors voila j 'ai décocher n autorise que les menbres à commenter
puis aléger ma page d acceuil kom vous m avez écris
et par la suite je retire les points tillier
voila je vous remercie boko de votre aide de plus il se fait tard
je vous remercie de votre gentillesse et votre patience à mon égard
je vous souhaite une bonne nuit gladyse
gros bisous du soir ps
j arrive à mètre des images dans les blogs une amie ma appris
j espère que tout sa sa vas s arranger tres vite j'aime boko ce site.
BONJOUR MA GENTILLE AMIE
JE VOUS SOUHAITE UN BO DIMANCHE PARMIS CEUX QUE VOUS AIMEZ.
VOILA TOUT VAS BIEN GRAVE A VÖTRE AIDE VOUS ËTES TRES GENTILLE ET VOUS REMERCIE BOKO
J AI BIEN LU VOS MESSAGES A MON BLOG C EST FORMIDABLE.
JE VOUS DIS VOUS PAR RESPECT. JE VOUS LAISSE LE TU POUR MOI C EST COOL.
JE VOUS FAIT DE GROS BISOUS BIEN CHAUD PAS TRES CHAUD DEHORS.
JE ME SUIS LEVER UN PEU TARD TROP BIEN SOUS LA COUETTE DUR DE SE LEVER,JE PENSE POUR VOUS OSI.
ET KOM JE DIS A TOUT MES AMIS( ES )BONHEUR A TON TI COEUR;
tres joyeuse journée GLADYSE
LA PROCHAINE FOIS JE MET UNE IMAGE
MERCI MIL FOIS DE VOTRE GRACIEUSE AIDE
Bonsoir Gladyse,
Merci pour tes gentils commentaires.
Je suis content que ton problème de commentaires sur ton blog soit arrangé.
Bon fin de dimanche ..il n'en risque plus grand chose...
Post-Scriptum: Lorsqu'on écrit en MAJUSCULE sur le net, c'est surtout pour montrer qu'on parle fort car sur le net où on parle par écrit, il n'y a pas de son !!
et comme je ne crois pas que ce soit ton cas (de crier), il vaut mieux que tu évites les majuscules car ça risque d'être mal interprété)
Bonsoir,
Bel inventaire pratique des possibilités.
Une petite question: ça devrait fonctionner aussi (avec un résultat plus esthétique) si on "justifie" le texte, non ?PS: trop de soucis informatiques en ce moment pour tester moi même.
bonne semaine.
Bonsoir Stormalo,
très bonne remarque, comme d'hab'
je viens de justifier certains pavés de texte et c'est plus joli.
Merci Stormalo
Mais qu'est-ce qui t'arrive avec l'informatique , tu as ton ordi qui te lache ?
bonne soirée
Tout à fait ça ! crash de disque dur le 01 janvier et des fichiers évaporés. Dans les voeux que j'ai reçus il devait y avoir un bug !
Ensuite, mise en service problématique d'une solution portable en secours.
A ce jour, ordi réparé en cours de réinstallation + de bonnes résolutions pour la suite... ....comme toujours bien sûr.
c'est ok pour mon écriture tite fée
passe une douce soirée, et gros bisous du soir
maintenant je parle zen merci, de me l'avoir dis car je savais pas
c'est vrais sa peu être désagréable d'écrire gros pour ses amis( es),je ferais plus promis.
Gladyse
Bonjour Stormalo,
Ah, la sécurité sur le net, c'est la plaie
En ce moment, j'ai 3malware détectés par spybot mais c'est tout de même un comble de se ramasser des saloperies dans des voeux . J'espère que tu n'as pas trop perdu de fichiers..on peut pas non plus, tout le tps tout sauvegarder..
Longue vie à ton nouveau PC réparé
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤Bonjour Gladyse,
Merci pour ton gentil message.Tu sais, c'est normal, on ne peut pas tout savoir tout de suite...
Prend bien soin de toi. Bonne semaineMax 34
Ajouter un commentaire
essai sans être connecté avec un pseudo qui existe déjà !! ( puisque c'est le mien !!