Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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.)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •