Solved

How to send cell background image in html signature Outlook Express ?

Posted on 2004-10-09
11
1,758 Views
Last Modified: 2011-08-18
Hello,
I'm triying to send in Outlook Express a html signature that I have made with Dreamweaver.
I use in this html-file cell backgrounds images for shadowing borders around the signature.
My target is to send html e-mails into the signatures with around all my message
a border shadow effect.

I'm aware that I must put a BASE in the head of the code so Outlook Express find the images.
Everthings woks fine BUT!!!.... no matter what I do the cell backgrounds wan't send (????) Ore
the reciever don't see them. All other images works fine.

I use this cell background images technik for long ore for short messages... thats why I'm using it.

You can find online a example on http://www.vldvilvoorde.be/mailim/H_.htm

When you sends this page to a Outlook Express ore Outlook client ... the reciever don't see the
cell backgrounds one the left and right sight.

Please HELP!
THANKS!
0
Comment
Question by:webx1
  • 5
  • 2
  • 2
11 Comments
 
LVL 3

Expert Comment

by:Kupi
ID: 12268206
I think background-images cannot be attached... why don't you put them into the table cells (non as background)?
0
 
LVL 3

Expert Comment

by:Kupi
ID: 12268329
Try this:

<table width="495" border="0" cellspacing="0" cellpadding="0" style="height: auto;">
  <tr>
    <td colspan="3"><img src="20_20_r1_c1.jpg" width="495" height="78"></td>
  </tr>
  <tr>
    <td width="19" style="height: auto;"><img src="20_20_r2_c1.gif" width="19" height="100%"></td>
    <td width="477" valign="top">
      <p><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">
      Hello,<br>I'm triying to send in Outlook Express a html signature that I have made with Dreamweaver.
      I use in this html-file cell backgrounds images for shadowing borders around the signature.
      My target is to send html e-mails into the signatures with around all my message
      a border shadow effect.<br><br>I'm aware that I must put a BASE in the head of the code so Outlook Express find the images. Everthings woks fine BUT!!!.... no matter what I do the cell backgrounds wan't send (????) Ore
      the reciever don't see them. All other images works fine.</font></p>
    </td>
    <td width="17" style="height: auto;"><img src="20_20_r2_c3.jpg" width="17" height="100%"></td>
  </tr>
  <tr>
    <td colspan="3"><img src="20_20_r3_c1.jpg" width="495" height="116"></td>
  </tr>
</table>
0
 
LVL 3

Accepted Solution

by:
Kupi earned 250 total points
ID: 12268347
I'm not sure that this will work but give it a try:

<img src="20_20_r2_c1.gif" style="display: none;">
<img src="20_20_r2_c3.jpg" style="display: none;">

<table width="495" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3"><img src="20_20_r1_c1.jpg" width="495" height="78"></td>
  </tr>
  <tr>
    <td width="19" background="20_20_r2_c1.gif">&nbsp;</td>
    <td width="459" valign="top">
      <p><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">
      Hello,<br>I'm triying to send in Outlook Express a html signature that I have made with Dreamweaver.
      I use in this html-file cell backgrounds images for shadowing borders around the signature.
      My target is to send html e-mails into the signatures with around all my message
      a border shadow effect.<br><br>I'm aware that I must put a BASE in the head of the code so Outlook Express find the images. Everthings woks fine BUT!!!.... no matter what I do the cell backgrounds wan't send (????) Ore
      the reciever don't see them. All other images works fine.</font></p>
    </td>
    <td width="17" background="20_20_r2_c3.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3"><img src="20_20_r3_c1.jpg" width="495" height="116"></td>
  </tr>
</table>

In the first 2 lines I add the left & right images and immediately hide them... they should be attached to the message so your background will be visible (I hope)!
0
 
LVL 31

Assisted Solution

by:seanpowell
seanpowell earned 250 total points
ID: 12269430
>>I'm aware that I must put a BASE in the head of the code so Outlook Express find the images.

Not a good idea, as that will likely be stripped upon delivery. Do this instead:

<td width="17" style="background: url(http://www.vldvilvoorde.be/mailim/20_20_r2_c3.jpg) repeat-y;">&nbsp;</td>

Sean
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:webx1
ID: 12282175
Hello Kupi,

First Thanks!
Your second comment works on PC Outlook Express but on a Mac Outlook Express the image height of 100% becomes - so it's seems like -: 100px ! On a Mac the border images won't become 100 % !

What can I do abouth it?

Thanks in advance.
0
 
LVL 3

Expert Comment

by:Kupi
ID: 12284778
I think you should give the table a fixed height but surely you need it to fit its content.

So you can try seanpowell's solution or the one in my third comment...
0
 

Author Comment

by:webx1
ID: 12288601
Hi Kupi,

With the solution of Seanpowell its works correct on Mac and PC !

Is there another way to do this becauce it's no practical to deliver "mailpaper"
on all my costumers iff the images always must get from a url. I prefer to deliver
the images straight from the local drive.

Thanks!
0
 
LVL 3

Expert Comment

by:Kupi
ID: 12291865
Sorry, if you already tried my suggestions I really don't know any workaround for this... :(

If I discover something new I'll let you know as soon as I can!
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 12292014
webx1,

No, you must include the full url, and it must be inline as per this:
http:#12269430

Sorry,
Sean
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now