lundi 5 mars 2007

Plusieurs images cote a cote dans un message






Comment mettre plusieurs photos les unes à coté des autres dans le même message ?
Pour illustrer ce tutoriel j'ai choisi de mettre 3 images :cyan,violet et jaune.
Par défaut, un passage à la ligne est ajouté automatiquement entre chaque image.
Voici comment le supprimer.


1) Ajoutez vos images une à une dans votre messages et validez
(pour chaque image, mettez "aucun" dans "Choisissez une mise en page")
2) Cliquez sur "Modifier le code HTML"
3) Supprimez le retour à la ligne entre chaque image (surligné en orange dans la copie d'ecran)
4) Supprimez (ou réduisez) la définition des largeurs (width:) et des hauteurs (height) de vos images comme dans l'illustration ci-dessous (surligné envert dans la copie d'ecran) :


Cas 1 : pour la nouvelle interface blogger :

(Dans la nouvelle interface, le code HTML des liens vers les images commence comme ça:
<a href="http)
Il faut modifier les margin-left, margin-right pour modifier les espaces entre les images.
Voici ce que peut donner le code HTML une fois modifié :


Cas 2 : pour l'ancienne interface blogger :


(Dans l'ancienne interface, le code HTML des liens vers les images commence comme ça:
<a onblur="try)

Voici ce que peut donner le code HTML une fois modifié :


Par exemple si vos images font 300 de largeur et 200 de hauteur et que je veux réduire de moitié la taille d'affichage de ces images je remplace :
width: 300px; height: 200px;
par
width: 150px; height: 100px;
dans le code HTML de mon article

10 commentaires:

François KAN a dit…

comment faire pour personaliser la barre de titre de blogger?

merci

francois4u@gmail.com

Anonyme a dit…

Salut ;-)

Je n'arrive pas à éditer des billets avec des photos sur le côté, et le texte de l'autre !!
Je ne peux effectivement que mettre en page des photos et du texte les uns au-dessous des autres.
J'ai pensé à un parametrage d'opéra mais j'ai rien trouvé. Aussi, j'ai essayé firefox et IE sans succès. J'ai remarqué néanmois qu'avec ces autres navigateurs, il était possible de modifier le format des photos dans la fenêtre d'édition des billets (fonction que je ne connaissais pas, via Opéra)
Peux-tu m'aider à trouver la solution à mon problème de mise en page ?
Dans l'attente de te lire...
;-)

Fqb a dit…

Phil : tu ne peux pas déplacer l'image avec ta souris.
Si tu veux placer une photo à gauche de ton texte il faut insérer la photo au dessus du texte. Au moment de l'ajout de la photo pour l'option "Choisissez une mise en page" il faut que tu choisisse "gauche".
Si le placement de la photo ne te convient pas (que tu veux la centrer ou la mettre à droite) supprime la photo. Pour cela place toi dessus, appuye sur la touche "Suppr", fais de nouveau "ajouter une image" et change sa position.

Anonyme a dit…

Merci pour ta réponse Fqb.
Mais le résultat n'est toujours pas parfait. En effet :
1°) Il faut uploader une photo dans le format "petit" sinon plus de place pour le texte à droite, confirmes-tu ?
2° La photo après téléchargement se place toujours dans le haut du billet, il faut faire un couper/coller pour la replacer.
3) Enfin, le texte se place bien à droite mais seulement la 1ère ligne qui s'aligne sur le bas de l'image au lieu de se justifier contre le coin haut et droit de la photo :-(
Peux-tu résoudre mon pb n° 3 ?

D'avance merci.

Anonyme a dit…

Merci à toi pour ce conseil simple mais utile.

Fqb a dit…

;)

Romain a dit…

Je n'arrive pas à trouver l'espace sur mon code html pour mettre mes images côte à côte. Est ce dû au thème?

Anonyme a dit…

Bonjour,
moi je n'ai aucun problème avec les photos multiples dans les messages, par contre c'est dans la colonne de droite, Mise en page / Ajouter un élément à la page, que je souhaiterais mettre deux toutes petites photos côte à côte, chacune avec son lien. Et apparemment, elles se mettent uniquement les unes au-dessus des autres... ???, ce qui fait perdre beaucoup de place.
Merci de vos réponses.

Anonyme a dit…

Bonjour !
Moi non plus je n'arrive pas à publier 2 (toutes petites) photos côte à côte, dans la zone de droite (mise en page - Ajouter un élément à la page), elles se mettent les unes par-dessus les autres. J'aurais aimé les grouper horizontalement (avec leur lien hypertexte) pour plus de clarté.
Merci d'avance de vos réponses.

esperance31 a dit…

Bonjour. J'ai un petit soucis avec les images moi aussi. Je voudrai bien rajouter plusieurs images sur un billet, mais à differents endroits du texte. Seulement, apres avoir publié, elles sont les unes apres les autres. Comment remedier à cela ? merci