Solved

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

Posted on 2004-10-09
11
1,761 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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
 

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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS Style on Chrome 1 39
HTML INPUT 6 21
How to get chosen background-color on every line? 10 21
Display Flex does not Wrap Items 2 10
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

733 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