Solved

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

Posted on 2004-10-09
11
1,760 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
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
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…

861 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