Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
HTML Email on Mobile Devices - Blackberry, Android - Text confined to width of screen

ajcoder

Newbie
Total Posts:  13
Posted: 19 April 2012 09:28 AM

My email will show up correctly on all devices and most email clients, but on a mobile device, the text (only the text) will be scrunched to the width of the screen. I imagine this is a feature of the phone. How do I code it so that it won’t span or how do I code it so that the entire email is shrunk to the size of the phone screen?

<table border="0" cellspacing="0" cellpadding="0" width="700" height="980">
<
tbody>
<
tr>
<
td colspan="7"><a href="#"><img src="original.jpg" border="0" alt="" width="700" height="472" /></a></td>
</
tr>
<
tr>
<
td colspan="7">
<
p style="text-align: center;"><strong><span style="text-align: center; font-size: 14pt; font-family: 'Calibri','ariel','sans-serif';"><br />
  
Text</span></strong></p>
<
p>Vivamus posuere malesuada vehiculaPhasellus libero feliscursus ac auctor atpulvinar in loremNunc porta dictum nullaac congue purus vehicula utInteger eleifend urna sit amet neque placerat vitae malesuada nulla vehiculaVestibulum pulvinarante a auctor tempornibh magna porttitor ipsumsed tristique ante eros vitae purusSuspendisse potentiMaecenas nec arcu et purus auctor ultrices.<br>
</
p>
</
td>
</
tr>
<
tr>
<
td rowspan="2"><a href="#"><img src="original.jpg" border="0" alt="" width="293" height="146" /></a></td>
<
td rowspan="2"><img src="original.jpg" border="0" alt="" width="81" height="146" /></td>
<
td colspan="5"><a href="#"><img src="original.jpg" border="0" alt="spacer 2" width="326" height="81" /></a></td>
</
tr>
<
tr>
<
td><img src="original.jpg" border="0" alt="" width="144" height="65" /></td>
<
td><a href="#"><img src="original.jpg" border="0" alt="" width="41" height="65" /></a></td>
<
td><a href="#"><img src="original.jpg" border="0" alt="" width="41" height="65" /></a></td>
<
td><a href="#"><img src="original.jpg" border="0" alt="" width="41" height="65" /></a></td>
<
td><a href="#"><img src="original.jpg" border="0" alt="" width="59" height="65" /></a></td>
</
tr>
<
tr>
<
td colspan="7"><a href="#"><img src="original.jpg" border="0" alt="" width="700" height="162" /></a></td>
</
tr>
</
tbody>
</
table