Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

background not showing up in email sent

Status
Not open for further replies.
rmcguire80

rmcguire80

IS-IT--Management
May 31, 2012
106
US
When I send the following page 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
 
Sort by date Sort by votes
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.
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
ok, I tried this:


<body marginheight="0" topmargin="0" marginwidth="0" bgcolor="#c5c5c5" leftmargin="0" background="

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


<table cellspacing="0" border="0" style="background-image:url( background-color: #C5C5C5" cellpadding="0" width="100%">
 
Upvote 0 Downvote
<body marginheight="0" topmargin="0" marginwidth="0" bgcolor="#c5c5c5" leftmargin="0" background="

its still showing the background color from my main table

<table cellspacing="0" border="0" style="background-image:url( background-color: #C5C5C5" cellpadding="0" width="100%">
 
Upvote 0 Downvote
Why are you defining a background color and image with the table if you have already defined the background for the BODY?
 
Upvote 0 Downvote
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(' background-color: #EAEAEA;>


it still is not showing my background image, on the color #eaeaea
 
Upvote 0 Downvote
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?


thanks
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
is there a way to do it as is...with inserting a graphic to the right of the "meadow lark in motion" text?
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
Why does the TD need a background image? Just drop in an image as the content of the cell.
 
Upvote 0 Downvote
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="[URL unfurl="true"]http://www.meadowlarkco.com/images/logocompanies.png"[/URL] style="padding-left: 30px;">
       </td>

[code]

Havin' fun with this one!!

Steve (let me know if it worked for you )
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
413
spamjim
spamjim
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
338
3esolar
3
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
713
Chris Miller
Chris Miller
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
640
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
379
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top