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.
<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.webdeveloper.com/forum/archive/index.php/"http://www.e-TravelBG.com/letter/Letter.gif"
name="Letter" width="545" height="413" id="Letter"></td>
</tr>
</table>
</body>
</html>
Any solutions?
Thanks.
-jmsHotmail 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.I just found out tha Hotmail would be a problem
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/cssemail">http://www.alistapart.com/articles/cssemail</a><!-- m -->
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.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
<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.webdeveloper.com/forum/archive/index.php/"http://www.e-TravelBG.com/letter/Letter.gif"
name="Letter" width="545" height="413" id="Letter"></td>
</tr>
</table>
</body>
</html>
Any solutions?
Thanks.
-jmsHotmail 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.I just found out tha Hotmail would be a problem<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/cssemail">http://www.alistapart.com/articles/cssemail</a><!-- m -->
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.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