www.webdeveloper.com
Results 1 to 4 of 4

Thread: CSS in HTML e-mail not displaying

  1. #1
    Join Date
    Jun 2003
    Posts
    446

    CSS in HTML e-mail not displaying

    I copy & paste the following code from Dreamweaver to Hotmail's Sending message field, then I e-mail it to myself. When I open the e-mail -- the CSS is not reading.

    Code:
    <html>
    <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <STYLE type="text/css">
    .maintext40 {
    	font-family: Verdana, sans-serif;
        color: #999999;
        font-size: 11pt;
    	line-height: 15pt;
    	letter-spacing: 0px;
    	text-decoration: none;
    	font-weight: 100;
    }
    </style>
    
    </head>
    
    <body bgcolor="#ffffe5" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <div id="Layer1" style="position:absolute; left:27px; top:111px; width:453px; height:134px; z-index:1" class="maintext40">
    Test test test
    </div>
    <table width="545" height="413" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="http://www.e-TravelBG.com/letter/Letter.gif" 
      name="Letter" width="545" height="413" id="Letter"></td>
      </tr>
    </table>
    </body>
    </html>
    Any solutions?

    Thanks.

    -jms

  2. #2
    Join Date
    Jun 2004
    Location
    Southern California
    Posts
    189
    Hotmail has no mercy for HTML emails utilizing CSS. It not only eradicates styles, but also all of the following tags from email messages: <head>, <title>, <meta>, and <body>. Kiss aesthetic design goodbye.

    Probably because it'd be funny to send my grandma a CSS email with table{display:none;} and she'd complain to hotmail that she can't read that email. even better would be to create a "fake" hotmail in css with links pointing to other places, perhaps asking for usernames and passwords .

    any site that still uses tables for layout, and allows you to use css to modify the page (like myspace ) is open to a bunch of fun things.
    Last edited by heavenly_blue; 01-07-2005 at 06:13 PM.

  3. #3
    Join Date
    Jun 2003
    Posts
    446

    I just found out

    I just found out tha Hotmail would be a problem
    http://www.alistapart.com/articles/cssemail

    As far as still using tables and styling them with CSS, I have a designer background; so, code isn't easy for me. I've been told before to get rid off of the tables, and use only css, but still CSS looks to me like Java Script. There will be time one when I'll loose the tables.

  4. #4
    Join Date
    Jan 2004
    Location
    Sweden
    Posts
    850
    I am working with loosing the tables aswell, recently finished my site using table-css-layout... but still it seems kinda unlogical to me at some times. Really have to experiment and r e a d alot

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles