Smart questions
Smart answers
Smart people
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Member Login

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips now!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

Join Tek-Tips
*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

LINK TO THIS FORUM!

Add Stickiness To Your Site By Linking To This Professionally Managed Technical Forum.
Just copy and paste the
code below into your site.

Partner With Us!

"Best Of Breed" Forums Add Stickiness To Your Site
Partner Button
(Download This Button Today!)

Feedback

"...Thank you. I have never said it, but you have a great web site. It is of immense help...."

Geography

Where in the world do Tek-Tips members come from?

background not showing up in email sent

rmcguire80 (IS/IT--Management)
2 Jul 12 10:56
When I send the following page www.meadowlarkco.com/newsletter.html buy inserting as attachment as text my background image doesn't show up, the one which is bg.gif

Could someone tell me why its not showing up when sending as an email but when I view the page it is there.

thanks
spamjim (Instructor)
2 Jul 12 12:07
You have your background image defined in your CSS, which few mail clients will honor.

Any CSS for HTML mail should be inline, not in the head.
rmcguire80 (IS/IT--Management)
2 Jul 12 12:17
that didn't seem to have any effect when I took that out as my background image is just set from within my table now.

Also, is there a way to align my logo up to the right of the table its within easily?

thanks for your help
spamjim (Instructor)
2 Jul 12 13:26
If the background does not appear as CSS in the head or as inline, then your mail program does not respect CSS backgrounds. Try another approach...

http://www.w3schools.com/tags/att_body_background....
rmcguire80 (IS/IT--Management)
2 Jul 12 13:53
ok, I tried this:





which didn't do anything, its still just seeing the background color from my main table


rmcguire80 (IS/IT--Management)
2 Jul 12 14:08
<body marginheight="0" topmargin="0" marginwidth="0" bgcolor="#c5c5c5" leftmargin="0" background="http://www.meadowlarkco.com/images/bg.gif">


its still showing the background color from my main table

<table cellspacing="0" border="0" style="background-image:url(http://www.meadowlarkco.com/images/bg.gif); background-color: #C5C5C5" cellpadding="0" width="100%">
spamjim (Instructor)
2 Jul 12 14:38
Why are you defining a background color and image with the table if you have already defined the background for the BODY?
rmcguire80 (IS/IT--Management)
2 Jul 12 14:48
ok, I took the background out of the main <table> and now in my body tag have:

<body marginheight="0" topmargin="0" marginwidth="0" bgcolor="#eaeaea" leftmargin="0" background-image: url('http://www.meadowlarkco.com/images/bf.gif'); background-color: #EAEAEA;>


it still is not showing my background image, on the color #eaeaea
spamjim (Instructor)
2 Jul 12 14:53
rmcguire80 (IS/IT--Management)
2 Jul 12 16:55
ok, I think I got it to where its showing what I want, but I added my company logo next to the part which shows "Meadow Lark in Motion" but its not aligning up correctly, could someone take a look Im not sure if the image is too large for the table its within?

www.meadowlarkco.com/newsletter.html

thanks
spamjim (Instructor)
3 Jul 12 8:50
You should try cleaning up a few other things first. They might help with the other problems that you perceive.

http://validator.w3.org/check?verbose=1&uri=ht...

For example, your HEAD is not considered closed because you are missing a closing bracket on your stylesheet.
rmcguire80 (IS/IT--Management)
3 Jul 12 9:00
I closed the stylesheet and this was just a template which I used and edited, so Im just trying to get so my logo is even with my "Meadow Lark in Motion"
spamjim (Instructor)
3 Jul 12 9:37
Why couldn't "Meadow Lark in Motion" also be a graphic? You could use a single image file for the masthead that includes the 'motion' and the logo. Then you could cut down a bit on the excessive nested tables. Your entire page could consist of a single table with 3 rows (header, content, footer) and 2 cols (in the content row). The extra tables you have are what are blowing your mind. They are blowing my mind too. You could do this much more simply.
rmcguire80 (IS/IT--Management)
3 Jul 12 9:52
is there a way to do it as is...with inserting a graphic to the right of the "meadow lark in motion" text?
spamjim (Instructor)
3 Jul 12 10:24
"As is" is a broken state. So I'm not sure how to fix something but still keep it in a broken state. If you do not have an image editing program, get GIMP for free.

Whatever vertical text alignment (that you think you may be able to define) may not be respected in all email programs. That is why most HTML mail designers will make a masthead from an image file.

The more complex you make this in HTML, the more opportunity there is for a mail client to wreck the output.
rmcguire80 (IS/IT--Management)
3 Jul 12 10:24
well I tried using a background image on my <td> and that didn't work as it looks as though its not supported with outlook.
spamjim (Instructor)
3 Jul 12 10:27
Why does the TD need a background image? Just drop in an image as the content of the cell.
datamasher (TechnicalUser)
3 Jul 12 13:59
Hi,
try repalcing the <td> with MEADOW LARK IN MOTION in

with this :

[code]
<td valign="top" colspan="2">

<p style="float:left; padding-left: 50px; margin-top:15px; font-size: 25px;font-family: georgia; font-style: italic;">Meadow Lark In Motion</p>

<img src="http://www.meadowlarkco.com/images/logocompanies.p..." style="padding-left: 30px;">
</td>

[code]

Havin' fun with this one!!

Steve (let me know if it worked for you )

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

  • Tek-Tips ForumsTalk To Other Members
  • Notification Of Responses To Questions
  • Favorite Forums One Click Access
  • Keyword Search Of All Posts, And More...

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close