WRInaute impliqué
Bonjour,
un petit problème en CSS/html avec un design responsive. En version "bureau", j'ai deux colonnes, l'une contenant du texte, l'autre une image illustrant le texte ci-contre, et plusieurs lignes répétant ce schéma sous la forme :
En version de bureau donc, les images apparaissent alternativement à droite et à gauche.
En version mobile, en revanche, il n'y a plus qu'une colonne (géré en CSS), et les images "etc1" et "etc2" apparaissent logiquement immédiatement l'une sous l'autre, ce qui n'est pas du meilleur effet.
Quelqu'un aurait-il une solution CSS pour que etc2 soit décalé sous le texte qu'elle illustre ? Sinon je pense pouvoir créer un JS pour ça, mais tant qu'à faire…
(un exemple si je n'étais pas clair : http://www.parisdigest.com/monument/chateaudeversailles.htm)
Merci !
un petit problème en CSS/html avec un design responsive. En version "bureau", j'ai deux colonnes, l'une contenant du texte, l'autre une image illustrant le texte ci-contre, et plusieurs lignes répétant ce schéma sous la forme :
Code:
<table>
<tr><td>TEXTE TEXTE TEXTE</td><td><img src="etc1.jpg"></td></tr>
<tr><td><img src="etc2.jpg"></td><td>TEXTE TEXTE TEXTE</td></tr>
<tr><td>TEXTE TEXTE TEXTE</td><td><img src="etc3.jpg"></td></tr>
</table>
En version de bureau donc, les images apparaissent alternativement à droite et à gauche.
En version mobile, en revanche, il n'y a plus qu'une colonne (géré en CSS), et les images "etc1" et "etc2" apparaissent logiquement immédiatement l'une sous l'autre, ce qui n'est pas du meilleur effet.
Quelqu'un aurait-il une solution CSS pour que etc2 soit décalé sous le texte qu'elle illustre ? Sinon je pense pouvoir créer un JS pour ça, mais tant qu'à faire…
(un exemple si je n'étais pas clair : http://www.parisdigest.com/monument/chateaudeversailles.htm)
Merci !