Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-17-2009, 12:56 PM   PM User | #1
Pammy
New to the CF scene

 
Join Date: Nov 2009
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Pammy is an unknown quantity at this point
Tables - left aligned text changes in Hotmail to centred - help!

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
Pammy is offline   Reply With Quote
Old 11-17-2009, 01:01 PM   PM User | #2
abduraooft
Supreme Master coder!

 
abduraooft's Avatar
 
Join Date: Mar 2007
Location: N/A
Posts: 14,680
Thanks: 158
Thanked 2,182 Times in 2,169 Posts
abduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really nice
Quote:
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.)
__________________
Quote:
The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)
abduraooft is offline   Reply With Quote
Old 11-17-2009, 02:59 PM   PM User | #3
Pammy
New to the CF scene

 
Join Date: Nov 2009
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Pammy is an unknown quantity at this point
Tables - left aligned text changes in Hotmail centered - help

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>
Pammy is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 10:18 PM.


Advertisement
Log in to turn off these ads.