Disposition des images

• 

  toma555 · Membre · mars 3, 2010 at 2:14

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour

  Est-il possible, dans wordpress, de disposer 3 images sur une même ligne, plutôt que d’être obligé de les poster l’une en dessous de l’autre ?

  Merci,
  T/

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  lilmaouz · Membre · mars 3, 2010 at 2:41

  • Copier le lien

  Bonjour! Pouvez-vous poster l’URL de votre blog s’il vous plait (requis sur ce forum). D’avance, merci :)

  Oui, c’est tout à fait possible, pourvu que l’ensemble puisse être contenu sur une seule ligne, bien entendu ^^
  Voici pour un blog de la plateforme WordPress.com, la traduction google automatique du Support concernant les images.

• 

  toma555 · Membre · mars 3, 2010 at 2:53

  • Copier le lien

  http://www.tomazik.wordpress.com !

• 

  lilmaouz · Membre · mars 3, 2010 at 2:58

  • Copier le lien

  Ok, merci ;-)
  Vous insérez une à une les images (image1 – espace – image2 – espace – image3) sans définir de place (centrer ensuite les trois images d’un seul clic). Normalement elles s’installent côte à côte… Le souci provient peut-être de la taille de vos images. Essayez de les réduire. Pour ce faire, dans l’éditeur, cliquez sur l’image puis sur la petite icône paysage, et enfin sur 60%, par exemple. Enregistrez les modifications. (& pour lier votre avatar à votre blog c’est par ici. Bonne journée :)

• 

  kikinawakun · Membre · mars 17, 2010 at 2:13

  • Copier le lien

  Bonjour à tous,

  Je suis rédacteur sur ce blog http://www.drinkcold.wordpress.com/.

  J’ai réussi à disposer 5 images côte à côte grâce à votre tuto. Cependant j’aimerai savoir comment coller ces images l’une à l’autre sans espace pour n’en former qu’une. Bien entendu je pourrai utiliser un logiciel de retouche d’image pour les coller mais chaque image a un lien hypertext specifique. Le fait d’avoir un espace noir (ou une bordure noire) gâche tout.
  J’ai déjà essayé des codes comme [img border= »0″] ou directement dans le menu d’édition des images mais sans succès.

  Merci d’avance!!

• 

  lilmaouz · Membre · mars 17, 2010 at 5:54

  • Copier le lien

  Excellent ;)
  Je dirais qu’il suffit de les insérer sans espace ni alignement et sans bords (et de définir les largeurs pour permettre l’installation sur une seule ligne)
  À coller en HTML après avoir rempli les champs et remplacé les ?
  ( width= »ici pix largeur » height= »ici pix hauteur » )
  <img class="alignnone" src="URLimage1" border="0" alt="" width="?" height="?" /><img src="URLimage2" border="0" alt="" width="?" height="?" /><img src="URLimage3" border="0" alt="" width="?" height="?" /><img src="URLimage4" border="0" alt="" width="?" height="?" /><img src="URLimage5" border="0" alt="" width="?" height="?" />

  Pour centrer l’ensemble
  <p style="text-align: center;">TOUT LE CODE CI-DESSUS</p>
  Bref, tout coller & centrer en fin d’installation. Bonne journée :-)

• 

  kikinawakun · Membre · mars 20, 2010 at 2:26

  • Copier le lien

  Merci,

  mais comme on en a parlé, le problème vient surement du css du thème de mon blog. J’ai bien copié le code mais le résultat est toujours différent…Comme vous avez peut être vu, j’ai contourné le problème donc ce n’est pas non plus une catastrophe mais j’en parlerai à mon rédac’ chef quand on retouchera la déco…

  En tout cas merci encore et j’espère que ce sujet pourra en aider d’autres.

  Bonne continuation!

• 

  lilmaouz · Membre · mars 21, 2010 at 5:36

  • Copier le lien

  Moyennant l’achat de la mise à niveau css, il faut intégrer ceci à la feuille de style

  }
  .post-content img, .gallery img {
  	border: none;

  ( + ici) Bonne continuation :)