Pctures in Table get some kind squeezed in responsive view

Andreas25
1 Posts
Andreas25 posted this 14 November 2015

Hi everyone,

i use the following code :

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
    <tr>
        <td style="text-align: center;">
            <span style="font-size: 16px;"><img alt="" src="XXXX" style="width: 250px; height: 250px; border-radius: 50%;"><br>
            </span><span style="font-size: 16px;">XXXX<br>
            XXXX</span></td>
        <td style="text-align: center;width: 33%;">
            <span style="font-size: 16px;"><img alt="" src="XXXX" style="width: 250px; height: 250px; border-radius: 50%;"><br>
            </span><span style="font-size: 16px;">XXXX<br>
            XXXX</span></td>
        <td style="text-align: center;width: 33%;">
            <span style="font-size: 16px;"><img alt="" src="XXXX" style="width: 250px; height: 250px; border-radius: 50%;"><br>
            </span><span style="font-size: 16px;">XXXX<br>
            XXXX</span></td>
    </tr>
    </tbody>
   </table>

Its working perfectly on normal view, showing 3 Pictures side by side as round Picture. But if i try to open on Iphone, the pictures get squeezed like 2:1 in height, which makes the the picture really odd.

HOW can i either prevent responsive on mobilephones or force the theme, that it shall never ever change the propotions of my pictures. i dont minx it going from 250x250 to 1120x120 as long its circular. but now its rather 120wide and 250 high....

Thx before

Andy

Hi everyone, i use the following code : <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="text-align: center;"> <span style="font-size: 16px;"><img alt="" src="XXXX" style="width: 250px; height: 250px; border-radius: 50%;"><br> </span><span style="font-size: 16px;">XXXX<br> XXXX</span></td> <td style="text-align: center;width: 33%;"> <span style="font-size: 16px;"><img alt="" src="XXXX" style="width: 250px; height: 250px; border-radius: 50%;"><br> </span><span style="font-size: 16px;">XXXX<br> XXXX</span></td> <td style="text-align: center;width: 33%;"> <span style="font-size: 16px;"><img alt="" src="XXXX" style="width: 250px; height: 250px; border-radius: 50%;"><br> </span><span style="font-size: 16px;">XXXX<br> XXXX</span></td> </tr> </tbody> </table> Its working perfectly on normal view, showing 3 Pictures side by side as round Picture. But if i try to open on Iphone, the pictures get squeezed like 2:1 in height, which makes the the picture really odd. HOW can i either prevent responsive on mobilephones or force the theme, that it shall never ever change the propotions of my pictures. i dont minx it going from 250x250 to 1120x120 as long its circular. but now its rather 120wide and 250 high.... Thx before Andy

Last edited 14 November 2015 by Andreas25

Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 14 November 2015

Hi,

I assume that the issue is in the fixed height and width values for the image tags that are not working correctly along with the per cent width for the whole table. Could you please attach your theme so we could see the problem.

Sincerely,
Hella

Hi, I assume that the issue is in the fixed height and width values for the image tags that are not working correctly along with the per cent width for the whole table. Could you please attach your theme so we could see the problem. Sincerely, Hella
You must log in or register to leave comments