Responsive tables with images


Author Message
Pekka M

Posted: 9/18/2012
Quote message 

I use the newest RC version of Artisteer 4. Responsive design is wonderful, but what about tables and especially images in table cells. Responsiviness is not working, see: http://www.veljeksetpirttinen.fi

Can anyone help with that?
 
Nick

Posted: 9/18/2012
Quote message 

Make sure your cells do not have fixed lengths. Use % instead of px.
 
mightec

Posted: 10/22/2012
Quote message 

Nick
Thanks for the tip, great solution.
 
Ian Shere

Posted: 8/19/2014
Quote message 

@bobptz

Use this setup:

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 50%;">&nbsp;</td>
</tr>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 50%;">&nbsp;</td>
</tr>
</tbody>
</table>

That will resize images that appear in the cells.
 
Jackie

Posted: 10/6/2014
Quote message 

Thank you Ian SO much for this! I would have never figured this out.
 
Pi

Posted: 11/2/2014
Quote message 

Hello,
I have the same problem as Jackie on my website http://hunde-in.wien

But I don't know where I have to paste the html code? Can anyone help me please?

Quote Ian Shere:

@bobptz

Use this setup:

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 50%;">&nbsp;</td>
</tr>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 50%;">&nbsp;</td>
</tr>
</tbody>
</table>

That will resize images that appear in the cells.


 
Manfred

Posted: 7/9/2016
Quote message 

That will resize images that appear in the cells.

How can it work with text?