?
Solved

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

Posted on 2004-10-09
11
Medium Priority
?
1,769 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
9 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 1000 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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 31

Assisted Solution

by:seanpowell
seanpowell earned 1000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

621 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