?
Solved

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

Posted on 2004-10-09
11
Medium Priority
?
1,764 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 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
Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

 
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

Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
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 videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

762 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