Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi

SUJET : Responsive Table with Image and Tezt

Responsive Table with Image and Tezt il y a 2 semaines 1 jour #1

  • ptindle
  • Portrait de ptindle
  • Hors ligne
  • New Member
  • Messages : 2
I just purchased the Responsive Table extension because the Demo looked like it would do what what I need, but I can't seem to get it to work.

What I am trying to accomplish is have a table with two cells. Cell 1 will only have an image, and Cell 2 will have the description of the image. On a desktop and tablet, Cell 1 should be to the left of Cell 2, so that they form a row. On a phone, Cell 1 should be above Cell 2, so that they form a column.

How do I go about doing this?
L'administrateur a désactivé l'accès en écriture pour le public.

Responsive Table with Image and Tezt il y a 2 semaines 14 heures #2

  • sdic
  • Portrait de sdic
  • Hors ligne
  • Developer
  • Messages : 73
Hello ptindle,

To make what you want just create a simple table (without heading) with 2 rows and 2 cells.
After add your image on the first column and description in the second column.

We have create an example on our demo website : rt-demo.sdic.ch/demo-2.html

For information in this demo, we have added manually a min-width for the image but it's optional.
Can you check this example and try do it on your website (manually or copy/paste our demo code).

Thanks in advance, best regards
SDIC Support team
L'administrateur a désactivé l'accès en écriture pour le public.

Responsive Table with Image and Tezt il y a 1 semaine 6 jours #3

  • ptindle
  • Portrait de ptindle
  • Hors ligne
  • New Member
  • Messages : 2
Thanks for your help. What I have found out is that unless the image in Cell0 is centered, Cell1 will wrap the text around the image on a mobile device. So my solution was to, as you suggested, use a table without headings, and then to format the mobile version to have the image and text centered. Thanks again!
L'administrateur a désactivé l'accès en écriture pour le public.
Temps de génération de la page : 0.097 secondes