PDA

View Full Version : How to turn off CSS?


JBD
09-02-2007, 01:39 PM
I'm trying to create a signature in DW but I don't want to use CSS as I've read that email clients like Hotmail disable the CSS. Is there a way of turning off the CSS and using regular html? I've also already done the design with CSS (not knowing the compatibility issues with emails) and so is it easy to remove the CSS from the design?

Thanks

edbr
09-03-2007, 02:08 AM
you are using css in e mails?

JBD
09-03-2007, 01:27 PM
Well no that's the problem, I've read that CSS won't work unless you modify some of the code. I just need to know how you design something in DW without it automatically using CSS???

fwr1000
09-03-2007, 06:08 PM
In DW 8, go to Edit>Preferences>General. Toward the bottom is a box "Use CSS instead of HTML" Uncheck the box. Probably the same in CS3 but not sure.

chriskq
09-04-2007, 02:33 AM
css will not get rendered by alot of email clients. i created alot of emails for my work.

basically you have to created the sig using old school html 4 doctype with tables and no colspans.

i will show you the code for my signature at work.
hope it helps.

but realise this. You will have to Hand Code this signature. No need to open up dreamweaver at all. Just use notepage or editplus, and view as you go in a external browser such as FireFox

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Email Sig</title>
</head>

<body>
<table cellpadding="0" cellspacing="0" border="0" width="504">
<tr>
<td width="504">
<!-- start email //-->
<table style="font-size:11px; font-family:arial; color:#95001a;" width="504" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="504"><strong>Chris Ash</strong><br>
<font color="#333333"><strong>Interface Developer</strong></font></td>
</tr>
</table>
<table style="font-size:11px; font-family:arial; color:#333333;" width="504" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="52"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">direct:</font></td>
<td width="452"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">&nbsp;+61 2 9999 9999</font></td>
</tr>
<tr>
<td width="52"><font size="1" face="arial" color="#333333" style="font-size:11px;">mobile:</font></td>
<td width="452"><font size="1" face="arial" color="#333333" style="font-size:11px;">&nbsp;0414 111 222</font></td>
</tr>
<tr>
<td width="52"><font size="1" face="Arial, Helvetica, sans-serif" color="#333333" style="font-size:11px;">email:<br></br></font></td>
<td width="452"><a style="COLOR: #95001a; TEXT-DECORATION: none; text-underline: none" href="mailto:name@email.com"><font size="1" face="arial" color="#95001a" style="font-size:11px;">&nbsp;name@email.com</font></a><br><br></td>
</tr>
</table>
<table style="padding-bottom:8px" width="504" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="252">
<table style="font-size:11px; font-family:arial; color:#333333;" width="184" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="52"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">phone:</font></td>
<td width="132"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">&nbsp;+61 2 9999 8888</font></td>
</tr>
<tr>
<td width="52"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">fax:</font></td>
<td width="132"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">&nbsp;+61 2 9999 8888</font></td>
</tr>
<tr>
<td width="52"><font size="1" face="Arial, Helvetica, sans-serif;" color="#333333" style="font-size:11px;">web:</font></td>
<td width="132"><a style="text-decoration: none;" href="http://www.google.com.au" target="_blank"><font size="1" face="arial" color="#95001a" style="font-size:11px;">&nbsp;google.com</font></a></td>
</tr>
</table>
</td>
<td width="252" height="29" align="right"><a href="http://www.google.com"><img src="http://www.massarcade.com/chris_testing/misc/what.gif" width="133" height"29" border="0" /></a></td>
</tr>
</table>
<table style="border-top:1px solid #cccccc; padding-top:8px; text-align:justify;" width="504" cellspacing="0" cellpadding="0">
<tr>
<td width="504"><font size="1" face="Arial, Helvetica, sans-serif;" color="#838384" style="font-size:10px;">The information transmitted may be confidential, is intended only for the person to which it is addressed, and may not be reviewed, retransmitted, disseminated or relied upon by any other persons. If you received this message in error, please contact the sender and destroy any paper or electronic copies of this message. Any views expressed in this communication are those of the individual sender, except where the sender specifically states otherwise. MassMedia Studios does not represent, warrant or guarantee that the communication is free of errors, virus or interference.</font></td>
</tr>
<tr>
<td width="504"><font size="1" face="Arial, Helvetica, sans-serif;" color="#838384" style="font-size:10px;"><br>This email and its contents are the property of Company Name</font></td>
</tr>
</table>
<!-- end email //-->
</td>
</tr>
</table>
</body>
</html>you may notice some simple styling eg: padding on some td's. This makes it look a little prettier in email clients that can read it such as outlook. but do not rely on stying for design purposes.

to view: http://www.massarcade.com/chris_testing/misc/emailSig.html

Show us ur final product when its done

JBD
09-04-2007, 08:25 PM
Hey, yeah after hrs of hunting for info on this I managed to work out it was easier to do in text editor. Here is the outcome:

http://www.cannonsecurity.co.uk/emailsignaturedominic.html

What would you typically charge a client for producing a signature as being the first time, I have no idea?

Jittor
09-12-2007, 10:00 PM
Sigs are so easy, that I personally, usually throw them in as an added bonus. you have to admit that once you figured out that you have to do it old school with tables and such, it's really not that hard. For me, when most clients and deciding and I show them that I will create a custom (but simple) sig on top of everything else it usually helps seal the deal.