...

View Full Version : Tables - left aligned text changes in Hotmail to centred - help!



Pammy
11-17-2009, 12:56 PM
Hi
Hope you can help. I have created an html file in dreamweaver mx which has tables. I am sending this out as an email. I have left aligned the text in one of the tables. Everything looks fine when I send it to an Outlook email, but when I send this to an hotmail or gmail account, the text becomes centered when I need this to be left aligned. I do not know how to prevent the text from being centred. I think it is possibly to do with me not knowing where to insert the CSS code.

If there is anyone who can help, I would be so grateful.

Many thanks.

Pammy

abduraooft
11-17-2009, 01:01 PM
If there is anyone who can help, I would be so grateful. Please post your code. (You'd need to set inline styles to format your document to be mailed.)

Pammy
11-17-2009, 02:59 PM
Hi Abduraooft,

Thank you for taking the time to reply to my cry for help.

This is my code - altho' I have taken out links etc. so hope you will understand what's going on.

The text (headings and text) look like they are left aligned... but, when I send this out to an hotmail or gmail account, the text is suddenly centered!

I have been working on this for ages and I'm at my wits end. Hope you can tell me where I'm going wrong. I've put that many left align codes in - even I'm bamboozled with it all. Sorry, coding beginner!

Look forward to hearing from you.

Hey, thanks again.

Pammy

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
font: 9px Arial, Helvetica, sans-serif;
color: #666666;
}
a:visited {
color: #CCCCCC;
font-size: 9px;
}
a:active {
font-size: 9px;
color: #CCCCCC;
}
a:hover {
font-size: 9px;
color: #999999;
}
-->
</style>
<style type="text/css">
<!--
-->
</style>
</head>

<body bgcolor="#FFFFFF" link="#666666" vlink="#666666" alink="#666666">
<p align="center"><a href="http://www. .html"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif">Can't
see this email? For a clear view click here</font></a>
<script language="JavaScript" type="text/JavaScript">

<!--



var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// -->
</script>
<div >

<td width="606" height="113" bordercolor="#FFFFFF" bgcolor="#FFFFFF" class="arialheader">
<div align="center"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><strong><span class="arialsmall"><font size="1"><img src="http://banner goes here" width="593" height="113"></font></span></strong></font></div></td>
</tr>
</table>

<table width="589" border="0" align="center" cellpadding=0 cellspacing=0 id=table2 >
<tr>
<td width="68%" rowspan="3" valign="top" bgcolor="#FFFFFF" >
<table width="99%" border="0" align="left" cellpadding="2" cellspacing="00" id="text">
<tr>
<td style="text-align:left;"><p align="left" ><br>
<font color="#333333" size="2" face="Arial" ><strong>Small heading
goes here</strong></font><font face="Arial"><br />
<font face="Arial" color="#333333" size="2">Paragraph text under
small heading goes here </font> </p>
<div align="left">
<p><font face="Arial"><strong><font color="#333333" size="2">small
heading goes here</font></strong></font><br />
<font face="Arial" color="#333333" size="2">Paragraph text under
small heading goes here </font> </p>
<p><br />
<font color="#333333" size="2" face="Arial"><strong>small heading</strong></font><br />
<font face="Arial" color="#333333" size="2">Paragraph text under
small heading goes here </font> </p>
</div>
<p align="left"> <font color="#333333" size="2" face="Arial"><strong>text goes here</strong></font><font face="Arial"><br />
<font color="#333333" size="2">text goes here</font></font> </p>
<p align="left" ><br />
</p>

<p ><i><font color="#333333" size="2" face="Times New Roman, Times, serif">
</font></i>
</p>
<p ><a href="http://
html"><font color="#999999" size="1" face="Arial, Helvetica, sans-serif">Unsubscribe</font></a></p></td>
</tr>
</table>
<p align="left" ><font color="#333333" size="2" face="Arial" ><strong><br>
</strong></font></p>
</td>
<td width="3%" rowspan="3" valign="top" bgcolor="#FFFFFF"> <p align="right"><img src="http:spacer.gif" width="19" height="121"></p></td>
<td width="29%" height="176" valign="top" bgcolor="#FFFFFF"> <div align="right">
<p align="right" class="leftie"><strong><img src="http://www.spacer2.gif" width="83" height="14"></strong><br>
<a href="http://www.html"><img src="http://www..gif" width="160" height="143" border="0" usemap="#Map" /></a></p>
<p align="right" class="leftie"><a href="http:.html"><img src="http://www.discountimage.gif" width="160" height="132" border="0" usemap="#Map2" /></a><br>
<a href="http://www..html"><img src="http://www.images/2.gif" width="150" height="132" border="0" usemap="#Map3" /></a>
</p>
<p align="center">&nbsp;</p>
<p align="center"><span class="leftie"><font color="#666666" size="2" face="Arial, Helvetica, sans-serif"><a href="http://www.html">Click
here</a></font></span><font color="#666666" size="2" face="Arial, Helvetica, sans-serif"><a href="http://www. .html"></a></font></p>
</div></td>
</tr>
<tr>
<td height="19" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="19" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
</table>

<p class="leftie">&nbsp;</p>
</div>
<map name="Map">
<area shape="rect" coords="10,4,150,136" href="http://www..html">
</map>
<map name="Map2">
<area shape="rect" coords="16,7,144,125" href="http://www..html">
</map>
<map name="Map3">
<area shape="rect" coords="24,10,135,117" href="http://www..html">
</map>
</body>
</html>

</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum