[Design with CSS 2184] Re: Background image not rendering properly

Tue, 31 Mar 2009 06:25:39 -0700 

you know what it is? i think I figured it out..I think I had an extra
</table> tag or something, I added more code on the top for  a "pda" link
and it worked. I tried it with another email and realized that I have to be
on point with all the tags and not leave anything hanging that isn't being
used.  Does that make sense or would that have nothing to do with it? :)

2009/3/31 Balázs Buri <[email protected]>

> hmmm... I dont know.
>
> this is the whole code?
> did you include the doctype and header?
>
> here is my mail template.
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
> http://www.w3.org/TR/html4/loose.dtd";>
> <html>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
> <title>title</title>
> </head>
> <body leftmargin="0" topmargin="0" style="margin:0;padding:0;" text=""
> link="" vlink="" bgcolor="">
>     <table cellspacing="0" cellpadding="0" border="0" width="550">
>         <tr>
>             <td>
>             </td>
>         </tr>
>     </table>
> </body>
> </html>
>
>
>
> 2009/3/30 Nora Zohrabian <[email protected]>
>
> <!--BEGIN HEADER-->
>> <table width="673" align="center" bgcolor="#ffffff" border="0"
>> cellspacing="0" cellpadding="0" style="font-size:11px;"
>> style="font-family:Arial, Helvetica, sans-serif; font-size:12px;
>> margin:0px;">
>> <tr>
>> <td width="144" height="98" valign"top" bgcolor="#ffffff" align="center">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/flatspecslogo.jpg";
>> alt="Flat Specs" width="144" height="98" border="0" style="display:block;"/>
>> </td>
>> <td width="36" height="98" valign="top" bgcolor="#ffffff" align="center">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/golf.jpg";
>> alt="Golf" height="98" width="36" border="0" style="display:block;"/>
>> </td>
>> <td height="98" width="52" valign="bottom" bgcolor="#ffffff">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/cycling.jpg";
>> alt="Cycling" width="52" height="98" border="0" style="display:block;"/>
>> </td>
>> <td height="98" width="105" valign="bottom" bgcolor="#ffffff">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/mtnsports.jpg";
>> alt="Mountain" width="105" height="98" border="0" style="display:block;"/>
>> </td>
>> <td height="98" width="42" valign="bottom" bgcolor="#ffffff">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/tennis.jpg";
>> alt="Tennis" width="42" height="98" border="0" style="display:block;"/>
>> </td>
>> <td height="98" width="84" valign="bottom" bgcolor="#ffffff">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/watersports.jpg";
>> alt="Water" width="84" height="98" border="0" style="display:block;"/>
>> </td>
>> <td height="98" width="51" valign="bottom" bgcolor="#ffffff">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/more.jpg";
>> alt="More" width="51" height="98" border="0" style="display:block;"/>
>> </td>
>> <td height="98" width="159" valign="bottom" bgcolor="#ffffff">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/freeshipping.jpg";
>> alt="Free Shipping" width="159" height="98" border="0"
>> style="display:block;"/>
>> </td>
>> </tr>
>> </table>
>> <!--END HEADER-->
>>
>> <table width="673" align="center" background="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/background.jpg";
>> border="0" cellpadding="0" cellspacing="0">
>>
>>
>> <tr>
>> <td width="673" height="111" align="center">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/decor.jpg";
>> alt="Shop Now for the Solemio Kiss Sunglasses Special" width="418"
>> height="78" border="0" style="display:block;"/>
>> </td>
>> </tr>
>>
>> <tr>
>> <td width="673" height="95" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:74px; font-weight:normal;"><font
>> color="#000033">
>> Solemio Kiss
>> </font>
>> </tr>
>> </td>
>>
>> <tr>
>> <td width="673" height="85" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:71px; font-weight:normal;"><font
>> color="#FF6600">
>> <b>SALE</b>
>> </font>
>> </tr>
>> </td>
>> <tr>
>> <td width="673" height="50" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:39px; font-weight:normal;">
>> <font color="#FF6600"><i>kiss</i></font><font color="#006699"> away the
>> old price til 3/27!</font>
>> </tr>
>> </td>
>> <tr>
>> <td width="673" height="25" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:12px; font-weight:normal;">
>> <font color="#000033">Hurry! While supplies last. Limitied quantities
>> available.</font>
>> </tr>
>> </td>
>> <tr>
>> <td width="673" height="240" align="center">
>> <img src="
>> http://www.flatspecs.com/epromos/images/kissspecialreminder/main.jpg";
>> alt="Solemio Kiss Sunglasses" width="327" height="236" border="0"
>> style="display:block;"/>
>> </td>
>> </tr>
>> <tr>
>> <td width="673" height="55" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:42px; font-weight:normal;">
>> <font color="#006699">Now</font>
>> <font color="#FF0000"> <b>over $6</b></font>
>> <font color="#006699"> off at $18.99!</font>
>> </tr>
>> </td>
>> <tr>
>> <td width="673" height="30" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:16px; font-weight:normal;">
>> <font color="#FF0000"><b>Hurry - Offer Ends 3/27/09</b></font>
>> </tr>
>> </td>
>> <tr>
>> <td width="673" height="30" align="center" style="font-family:Georgia,
>> Helvetica, sans-serif; font-size:18px; font-weight:normal;">
>> <font color="#000033"><b><u>get yours today</u></b></a></font></td>
>> </tr>
>> </td>
>> <tr>
>> <td>
>> <table width="590" height="60" align="center" border="0"
>> style="font-family:Arial, Helvetica, sans-serif; font-size:12px;
>> font-weight:normal;">
>> <tr>
>> <td align="center">
>> <font color="#000033"><u>Shop sunglasses</u></font>
>> </td>
>> <td align="center">
>> <font color="#000033"><u>Shop readers</u></font>
>> </td>
>> <td align="center">
>> <font color="#000033"><u>Shop sun readers</u></font>
>> </td>
>> <td align="center">
>> <font color="#FF0000"><u>Shop clearance</u></font>
>> </td>
>> <td align="center">
>> <font color="#000033"><u>Shop all eyewear</u></font>
>> </td>
>> </tr>
>> </table>
>> </tr>
>> </td>
>> </table>
>>
>>
>> On Sat, Mar 28, 2009 at 6:22 AM, Balázs Buri <[email protected]> wrote:
>>
>>> could u show us some code, pls?
>>>
>>> 2009/3/26 nora <[email protected]>
>>>
>>>
>>>> I am trying to send out an email with a background image with text and
>>>> images on top. It appears fine in most every email client except for
>>>> gmail.
>>>>
>>>> The background image seems to only include one image and one line of
>>>> text, then extends the rest of the email content BELOW instead of ON
>>>> the background image.
>>>>
>>>> Why is this happening and how could I fix it?
>>>>
>>>> thanks,
>>>> Nora
>>>>
>>>>
>>>>
>>>
>>>
>>>
>>
>>
>>
>
> >
>

--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---

Reply via email to