[thelist] I'll bet this has been asked before

[H. G. Quinn]

Replace:

<TR>
    <TD BACKGROUND="images/topbartile.gif">
      <TABLE WIDTH="100%" BORDER="0" CELLSPACING="2" CELLPADDING="0">
        <TR>
          <TD BGCOLOR="#003366" CLASS="footer">
          *SNIP*
          </TD>
        </TR>
      </TABLE>
    </TD>
  </TR>

with:

<TR>
    <TD BACKGROUND="images/topbartile.gif"><img src="images/topbartile.gif"
width="[whatever it really is]" height="2" border="0" alt=""></TD>
</TR>
<TR>
    <TD BGCOLOR="#003366" CLASS="footer">
       *SNIP*
    </TD>
</TR>
<TR>
    <TD BACKGROUND="images/topbartile.gif"><img src="images/topbartile.gif"
width="[whatever it really is]" height="2" border="0" alt=""></TD>
</TR>

I'm sure someone knows the real skinny on this.  It just appears to me that
NN is saying, "Well I have a bg image, and that's more important than the
inner table's bg color, so I'll only resolve and display the bg image."   So
you get rid of the inner table, and set up the bg image rows the same way
you did the white spacer cell rows, and it will work.

Tobyn Baugher wrote:

> I made a quick sweep of the archive, just to check. It seems to be a
> common problem for me, with Netscape and table backgrounds, and it's
> something I just end up designing around most of the time, but I wanna
> find out once and for all what's going on.
>
> Okay, I have some code in a certain page like this:
>
> <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
>   <TR>
>     <TD BGCOLOR="#FFFFFF"><IMG SRC="images/spacer.gif" WIDTH="1"
> HEIGHT="1"></TD>
>   </TR>
>   <TR>
>     <TD BACKGROUND="images/topbartile.gif">
>       <TABLE WIDTH="100%" BORDER="0" CELLSPACING="2" CELLPADDING="0">
>         <TR>
>           <TD BGCOLOR="#003366" CLASS="footer">
>           *SNIP*
>           </TD>
>         </TR>
>       </TABLE>
>     </TD>
>   </TR>
>   <TR>
>     <TD BGCOLOR="#FFFFFF"><IMG SRC="images/spacer.gif" WIDTH="1"
> HEIGHT="1"></TD>
>   </TR>
> </TABLE>
>
> Now what this is supposed to do is create a table like the following
>
> --------------------------------------------------------------------
> ********************************************************************
> ** Text goes in here                                              **
> ********************************************************************
> --------------------------------------------------------------------
>
> where the -'s represent a white outline on the top and bottom of the
> table, the *'s represent the background .gif for the middle of the
> table, and the area in the middle is a solid dark blue with text inside
> it.
>
> When rendering in Netscape 4.x, the dark blue solid field is missing and
> the text just shows up on top of the table background .gif. Is there a
> reason for this? Is there a documented, easy, compatible way to get
> around it and still create the same effect? Preferably without nesting
> more tables :P?
>
> Apologize if the question is newbified, but I come out decidedly on the
> coding side of the coin and a lot of the designing is greek to me.
>
> Much appreciated,
> Toby
>
> --
> Tobyn "trb" Baugher <trb at cartoonviolence.net>
> http://www.cartoonviolence.net
> AIM:unlewp ICQ:14281524 EFnet:trb

Cheers,
--
Heather Quinn
hgquinn at attglobal.net
http://pws.prserv.net/windyhill
http://www.windyhilldesign.com