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

Tue, 31 Mar 2009 08:32:17 -0700 

yeah, maybe.

extra or unclosed tags could brake the parser.

2009/3/31 Nora Zohrabian <[email protected]>

> 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