I can't center my Html table in Emails.

conflictingcake · 01-10-2012, 05:23 AM

Has anyone ever designed an html newsletter from a simple table
and experienced left alignment and no background color issues when sending it through MSN or Gmail?

Am I missing an important code, or line of css?
Thanks to anyone willing to help me out.

HTML Code:

<html>
<head>
<title>Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center">

<table bgcolor="#fefdf9" width="600" id="Table_01" border="0" cellpadding="0" cellspacing="0"  align="center"  >
<tr>
<td>
<img src="http://advocacynet.org/wordpress-mu/chooson/files/2009/08/black-box2.jpg" alt="" width="600" height="432" border="0"></td>
</tr>


</table>
</body>
</html>

conor · 01-10-2012, 09:39 AM

using CSS in emails is always a pain - its supported differently in every email client.

try adding the align centre to the td:

Code:

<td align="center"></td>

conflictingcake · 01-10-2012, 08:42 PM

Thanks for the reply.

I don't understand why the contents of my table aren't 600 wide like the table. In Email applications there's a padding around each cell and it won't center.

HTML Code:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">


</head>

<body>

<table width="600"  cellpadding="0" cellspacing="0" border="0" bgcolor="#000000" align="center" >
        
        <tr>
             <td bgcolor="#555555" width="600" height="100"> </td>
        </tr>
        <tr >
             <td bgcolor="#555555" width="600" height="100"></td>
        </tr>
        <tr>
             <td bgcolor="#555555" width="600" height="100"></td>
        </tr>
        <tr>
             <td bgcolor="#555555" width="600" height="100"></td>
        </tr>

</table>
</body>
</html>

Phreaddee · 01-11-2012, 07:01 AM

Gmail is particularly annoying with email templates.
Ive found much to my annoyance and disgust inline styles virtually everywhere is the only way to make it work well in gmail. And even then...

01-10-2012, 09:39 AM	#2
conor Gold Member Join Date: Oct 2008 Location: Ireland Posts: 349	using CSS in emails is always a pain - its supported differently in every email client. try adding the align centre to the td: Code: <td align="center"></td> __________________ Conor

01-11-2012, 07:01 AM	#4
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,137	Gmail is particularly annoying with email templates. Ive found much to my annoyance and disgust inline styles virtually everywhere is the only way to make it work well in gmail. And even then... __________________ if (headhurts == "possibly") { alert ("keep going!"); } else if (headhurts == "yes") { alert ("go to sleep"); } else if (headhurts == "damn !@#$ mofo scripts...") { alert ("give up and have a beer!"); } else { alert ("watch TV"); }

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode