Hi everyone,
I've created an html email signature using basic tables and inline css. In order to get it to work, I open up the html file in Word, then copy everything to the clipboard, then paste it into the signature box in Outlook 2007. When I create a new message, the signature automatically appears and I just type in the email above it.
The signature works fine when tested in most email programs in that the signature itself displays correctly and the paragraphs I type above the signature all appear fine also. The problem is that when I test in Windows Live Hotmail, again the signature part is fine but the paragraphs, constituting the body of the email, all have a large amount of space below each paragraph. I don't know why this is happening only in Hotmail and wondered if someone could tell me what might be going on?
The following is the code that I used for the signature. The thing is that this code is only creating/formatting the signature part so I don't know whether I need to add extra code to format the body of the email in order to get it to work consistently across email clients. If so, I don't know how to do this but would really appreciate any help.
I've created an html email signature using basic tables and inline css. In order to get it to work, I open up the html file in Word, then copy everything to the clipboard, then paste it into the signature box in Outlook 2007. When I create a new message, the signature automatically appears and I just type in the email above it.
The signature works fine when tested in most email programs in that the signature itself displays correctly and the paragraphs I type above the signature all appear fine also. The problem is that when I test in Windows Live Hotmail, again the signature part is fine but the paragraphs, constituting the body of the email, all have a large amount of space below each paragraph. I don't know why this is happening only in Hotmail and wondered if someone could tell me what might be going on?
The following is the code that I used for the signature. The thing is that this code is only creating/formatting the signature part so I don't know whether I need to add extra code to format the body of the email in order to get it to work consistently across email clients. If so, I don't know how to do this but would really appreciate any help.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html;">
</head>
<body bgcolor="#ffffff" style="margin:0; padding:0;">
<!-- Start Table -->
<table width="558" height="100%" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="padding: 0; margin: 0;">
<tr>
<!-- Start Content -->
<td align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color:#000; padding-bottom: 15px; margin: 0;"><p style="padding-bottom: 20px;">Yours sincerely,</p>
<p style="color: #000; margin: 0; padding: 0; font-weight:bold">Firstname Lastname</p></td>
<!-- End Content -->
</tr>
<tr>
<!-- Start Footer -->
<td valign="top" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; text-align:left; color:#666666;"><p style="margin-bottom: 5px; padding: 0;"><img src="kcLogo.jpg" alt="logo" width="187" height="35" style="" /></p>
<p style="margin: 0; padding: 0;">Number Street Suburb State Postcode</p>
<p style="margin: 0; padding: 0;"><span style="color: #000; font-weight:bold">tel: </span>+61 2 9513 0000 <span style="color: #e5ae51; font-weight:bold"> | </span> <span style="color: #000; font-weight:bold">fax:</span> +61 2 9513 0003 </p>
<p style="margin: 0; padding: 0;"><span style="color: #000; font-weight:bold">email:</span> emailaddress <span style="color: #e5ae51; font-weight:bold"> | </span>
<a href="[URL unfurl="true"]http://www.webaddress.com"[/URL] style="color: #666666; text-decoration: none;">[URL unfurl="true"]www.webaddress.com</a></p></td>[/URL]
<!-- End Footer -->
</tr>
</table>
</body>
</html>