[Problème] Aligner des images dans 2 colonnes

[Samsam43]

Bonjour

Suite à ce post (cf lien)
et donc à l'utilisation des balises

<div class="row-fluid">
<div class="span6">Split row left - Enter your content here.</div>
<div class="span6">Split row right - Enter your content here.</div>
</div>

Je souhaiterais aligner les images qui sont dans chaque colonne (voir les parties texte ?). Car en jouant seulement avec les sauts de lignes, ça n'est pas assez précis.

Merci

[lomart]

Re,

Je ne suis pas sûr qu'il était nécessaire d'ouvrir un nouveau sujet !

Si je lis entre les lignes, il s'agirait d'un problème d'alignement vertical ?
C'est vrai que les tableaux sont plus forts sur ce point
Il va falloir jouer sur des margin-top, mais ce n'est rien pour l'expert HTML que vous êtes devenu

L'idéal est de mettre un lien vers la page où il est possible de voir le problème.

[Samsam43]

voilà le lien (le même que dans l'autre sujet.)

Comme cela me paraissait être un autre pb, j'ai cru qu'il fallait ouvrir un nouveau post

[lomart]

Il faut faire un bloc par pavé image + texte
Après, au choix :
1/ plusieurs lignes

<div class="row-fluid">
  <div class="span6">case 1</div>
  <div class="span6">case 2</div>
</div>
<div class="row-fluid">
  <div class="span6">case 3</div>
  <div class="span6">case 4</div>
</div>

2/ une ligne avec 4 blocs qui iront à la ligne

<div class="row-fluid">
  <div class="span6">case 1</div>
  <div class="span6">case 2</div>
  <div class="span6">case 3</div>
  <div class="span6">case 4</div>
</div>

[Samsam43]

Merci beaucoup, j'avance, j'avance !

[Samsam43]

http://hiatus.live/index.php

J'ai inséré des "margin" pour le texte
et des "center" pour justifier les images

Edit : mince, je viens de lire à droite et à gauche que "center" était obsolète et qu'il ne fallait plus l'utiliser....

[lomart]

Bonjour,

Edit : mince, je viens de lire à droite et à gauche que "center" était obsolète et qu'il ne fallait plus l'utiliser....

Il faut remplacer par <div style="text-align:center"> ... </div>

Bravo pour la progression en HTML

[Samsam43]

Nickel merci
Question subsidiaire : est il possible qu'avec des bascules d'éditeur, la partie graphique m'affiche rééllement ce que ça va donner ? (car actuellement ce n'est pas le cas)

[lomart]

est il possible qu'avec des bascules d'éditeur, la partie graphique m'affiche rééllement ce que ça va donner ?

Oui et non
Il faut créer une feuille de style editor.css avec les règles concernées. Malgré votre fulgurente progression, cela vous demanderas trop de temps

Une autre solution est d'utiliser un PageBuiler comme PageBuilderCK (par un français), SP PageBuilder ou Blox

[Samsam43]

ok (je verrais si je prends le temps de faire ça)

et sur cette page

http://hiatus.live/index.php/les-ensembles/trobairitz/13-musique/trobairitiz/21-nouveau-trobairitz

J'ai essayé plusieurs choses mais je n'arrive toujours pas à centrer l'image de la colonne de gauche par rapport à la hauteur du texte que prend la colonne de droite (c'est clair ça ?!)

[Samsam43]

Pour centrer sur la hauteur de l'image ("justifier verticalement") le texte qui se trouve dans la colonne de droite par rapport à l'image de la colonne de gauche on m'a suggéré d'utiliser

vertical-align: middle

mais je n'arrive pas à le placer où il faut (ou alors ce n'est pas la solution ?)

<div class="row-fluid">
<div class="span6"><img src="images/MdP/MdP-logo.png" alt="" width="287" height="287" /></div>
<div class="span6">
<p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;">le texte beaucoup plus long que ça.</span></p>
</div>
</div>