Advertisement

07.09.2008 at 07:37AM PDT, ID: 23550407
[x]
Attachment Details

Email Signature - CSS Font face and size is not being recognized by Lotus Notes Email Client

Asked by gwh2 in Lotus Notes, Hypertext Markup Language (HTML), Outlook Groupware Software

Tags: IBM, Lotus Notes, CSS, HTML

Hi,

I've created an html email signature and I'm using Outlook 2003 / 2007 to send it out. My problem involves Lotus Notes where it won't recognise the CSS rules I used to specify the font-family and size. It's making the size of the text a lot larger than what I have in my css rules and therefore the text is spilling out of the td element. The following is the code related to the problem:

[CODE]

 <td id="details" width="450" valign="top" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; color:#666666; margin: 0; line-height: 19px; padding-bottom: 5px">

[/CODE]

I thought that Lotus Notes was okay with inline styles, in particular font-family and size, but I could be wrong. Does anyone know if this email client is known for such a problem and if so is there any workarounds?

The full email signature code is below.

Thanks for any help offered.Start Free Trial
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
<html>
<body bgcolor="#ffffff" style="margin: 0 !important; padding: 0 !important;">
 
<style type="text/css"> 
<!--#details { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666666}-->
</style>
 
<table width="450" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" bordercolor="#ffffff" style="margin: 0;">
<tr>
<td width="450" align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px;  color:#000; padding: 0; margin: 0;">Regards,<br />
  <br />
  <span style="font-weight:bold">[Firstname] [Lastname]</span><br />
  <br />
  <br />
  </td>
</tr>
<tr>
  <td width="450" height="40" valign="middle" bgcolor="#ffffff" border="0" style="text-align:left; margin: 0; padding-bottom: 5px;"><img src="http://www.officelinkonline.com.au/kcount/test.jpg" alt="<<Logo>>" width="160" height="30" /></td>
  </tr>
<tr>
 
    <td id="details" width="450" valign="top" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; color:#666666; margin: 0; line-height: 19px; padding-bottom: 5px"><hr style="height: 1px; color:#999999; background-color:#999999; border: none; ">Unit 20  2a Sample Street Suburb New South Wales 3000 Australia<br />
    <span style="color: #000; font-weight:bold">T: </span>+61 3 9512 0023 <span style="color: #e5ae51; font-weight:bold">&nbsp;|&nbsp;</span> <span style="color: #000; font-weight:bold">F:</span> +61 3 9513 4342  <span style="color: #e5ae51; font-weight:bold">&nbsp;|&nbsp;</span> <span style="color: #000; font-weight:bold">W:</span> <a href="http://www.newsite.net.au" style="color: #666666; text-decoration: none;">www.putnewsite.net.au</a><br />
    <br />
	 <span style="font: 10px; color: #90bf52">Please consider the environment before printing this email.</span><br />
	 <br />
<span style="font: 10px; line-height: 15px;"> DISCLAIMER: Consectetur adipisicing elit, velit esse cillum dolore excepteur sint occaecat. Ullamco laboris nisi qui officia deserunt sunt in culpa. Mollit anim id est laborum. Cupidatat non proident, sed do eiusmod tempor incididunt velit esse cillum dolore. Ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, mollit anim id est laborum. Ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt quis nostrud exercitation duis aute irure dolor. Ut labore et dolore magna aliqua.</span></td>
      </tr>
 
</table>
</body>
</html>
 
Loading Advertisement...
 
[+][-]07.09.2008 at 08:55AM PDT, ID: 21965114

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Lotus Notes, Hypertext Markup Language (HTML), Outlook Groupware Software
Tags: IBM, Lotus Notes, CSS, HTML
Sign Up Now!
Solution Provided By: Bill-Hanson
Participating Experts: 2
Solution Grade: B
 
 
[+][-]07.09.2008 at 06:59PM PDT, ID: 21969848

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]07.09.2008 at 08:03PM PDT, ID: 21970169

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]07.10.2008 at 05:21AM PDT, ID: 21972506

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]07.11.2008 at 03:41AM PDT, ID: 21981182

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628