SitePoint Sponsor

User Tag List

Results 1 to 18 of 18

Hybrid View

  1. #1
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Netscape Compatability Troubles

    hey guys. im nearing the completion of the designing of my site, but i ran into a little problem. i have a background image for a table. then the table is split into 3 rows, and in netscape, the background image starts all over again for each row. this can't happen because the image is a perfect fit. how can i keep this from happening? if you can't explain it but have to take a look, just say so and ill pm you the url. i want to keep the template secure until it is released. thanks!

  2. #2
    SitePoint Addict
    Join Date
    Jul 2001
    Posts
    284
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try doing a nested table...

    <table background="yourpic.gif" cellpadding="0" cellspacing="0" border="0"><tr>
    <td><table width="100%"><tr>
    <td>first row</td>
    </tr><tr>
    <td>second row</td>
    </tr><tr>
    <td>third row</td>
    </tr></table></td>
    </tr></table>

    Just use the outer table for your background image. The inner table is the current one you have going already. Add in whatever properties you have for it.

    I am guessing that the problem is using N4. It is setup to start a background image in each cell when IE did it correctly to cover all of the table area. I don't know how N6 does it yet.

    Cheers!

  3. #3
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    didn't work. the same thing happened. what now?

  4. #4
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try using <table width="100%" border="0" cellpaading="0" cellspacing="0" background=""> to your nested table
    אין סוף

  5. #5
    SitePoint Addict
    Join Date
    Jul 2001
    Posts
    284
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The only other alternative would be to put the image into an image editor and splice it into 3 smaller images (one would go into each row as the background).

    Perhaps someone else will post soon with another solution.

  6. #6
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    this is what i have

    PHP Code:
    <table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="/assets/bg.gif" bgcolor="#FFFFFF">
    <
    tr>
    <
    td height="3" width="648">&nbsp;
    </
    td>
    </
    tr>
    <
    tr>
    <
    td width="648" height="350">
    <
    table width="648" border="0" cellspacing="0" cellpadding="15" height="350">
    <
    tr align="center" valign="middle">
    <
    td class="text"
    <
    p>&nbsp;</p>
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    <
    tr valign="top" align="center">
    <
    td width="648" height="18">&nbsp;</td>
    </
    tr>
    </
    table
    this is with the nestled table

    PHP Code:
    <table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="/assets/bg.gif">
    <
    tr>
    <
    td>
    <
    table width="648" border="0" cellspacing="0" cellpadding="0" height="370">
    <
    tr>
    <
    td height="3" width="648">&nbsp;
    </
    td>
    </
    tr>
    <
    tr>
    <
    td width="648" height="350">
    <
    table width="648" border="0" cellspacing="0" cellpadding="15" height="350">
    <
    tr align="center" valign="middle">
    <
    td class="text"
    <
    p>&nbsp;</p>
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    <
    tr valign="top" align="center">
    <
    td width="648" height="18">&nbsp;</td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table

  7. #7
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    russ, when i did that, the outer table's bg didn't show either. i ended up with the actual background of the page (well actually it was the color of an even LARGER table)

  8. #8
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try putting the backgroung of the outer table into the td tag that surrounds the nested table with the null background
    אין סוף

  9. #9
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    tried. that. would you believe the bg didnt even show up?

  10. #10
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i just tried this:

    <table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="/assets/bg.gif">
    <tr>
    <td>
    <table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="">
    <tr>
    <td height="3" width="648">&nbsp;
    </td>
    </tr>
    <tr>
    <td width="648" height="350">
    text
    </td>
    </tr>
    <tr valign="top" align="center">
    <td width="648" height="18">&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    and it seemed to work on ns 4.6..
    אין סוף

  11. #11
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm i did that same thing before and it didnt work. now it does... ???
    lets see if i can get that to work on ALL of my tables
    thanks

  12. #12
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ah! i still can't get it. this is amazing. it doesn't work when I do it! here's the code for my ENTIRE page
    im using netscape 4.0 could this be why?

    PHP Code:
    <html>
    <
    head>
    <
    title>4NetDesign</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    link rel="stylesheet" href="/assets/main.css">
    </
    head>

    <
    body bgcolor="#666666" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="/assets/fullbg.gif" text="#000000" link="#333366" vlink="#333366" alink="#666699">
    <
    table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
    <
    tr align="center" valign="middle">
    <
    td>
    <
    table width="650" border="0" cellspacing="0" cellpadding="0" height="452" bgcolor="#333333" align="center">
    <
    tr align="center" valign="middle">
    <
    td>
    <
    table width="648" border="0" cellspacing="1" cellpadding="0" height="450">
    <
    tr>
    <
    td height="50">
    <
    table width="648" border="0" cellspacing="0" cellpadding="0" height="50" background="/assets/topbg.gif" bgcolor="#666699">
    <
    tr align="center" valign="middle">
    <
    td>
    <
    b><font size="4" color="#CCCCCC"><img src="/assets/4netdesign.gif" width="220" height="50" align="absmiddle" alt="4NetDesign" name="fournetdesign"></font></b></td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    <
    tr>
    <
    td height="14" bgcolor="#666666" width="648" align="center">
    <
    img src="/assets/navigation.gif" width="605" height="14" name="navigation" border="0" usemap="#mainnav"><map name="mainnav"><area shape="rect" coords="0,0,72,14" href="/" alt="Home" title="Home"><area shape="rect" coords="71,0,151,14" href="/about.html" alt="About" title="About"><area shape="rect" coords="150,0,239,14" href="/design.html" alt="Design" title="Design"><area shape="rect" coords="238,0,362,14" href="/portfolio.html" alt="Portfolio" title="Portfolio"><area shape="rect" coords="361,0,471,14" href="/contact.html" alt="Contact" title="Contact"><area shape="rect" coords="470,0,605,14" href="http://4netdesign.co.uk" alt="UK Clients" title="ukclients"></map></td>
    </
    tr>
    <
    tr>
    <
    td height="370" width="648">
    <
    table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="/assets/bg.gif">
    <
    tr>
    <
    td>
    <
    table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="">
    <
    tr>
    <
    td height="3" width="648">
    <
    table width="605" border="0" cellspacing="0" cellpadding="0" height="3" align="center">
    <
    tr valign="bottom">
    <
    td height="3" width="69"><img src="/assets/violet.gif" width="69" height="2" name="underline" alt="web"></td>
    <
    td height="3" width="79"><img src="/assets/spacer.gif" width="1" height="1"></td>
    <
    td height="3" width="89"><img src="/assets/spacer.gif" width="1" height="1"></td>
    <
    td height="3" width="125"><img src="/assets/spacer.gif" width="1" height="1"></td>
    <
    td height="3" width="109"><img src="/assets/spacer.gif" width="1" height="1"></td>
    <
    td height="3" width="134"><img src="/assets/spacer.gif" width="1" height="1"></td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    <
    tr>
    <
    td width="648" height="350">
    <
    table width="648" border="0" cellspacing="0" cellpadding="15" height="350">
    <
    tr align="center" valign="middle">
    <
    td class="text"
    <
    p><img src="/assets/4netdesignmain.gif" width="190" height="120" name="logo" alt="4NetDesign logo"><br>
    <
    span class="normaltext">Coming Soon!</span></p>
    <
    p> <a href="http://4netdesign.com/about.html"><span class="text"><img src="/assets/us.gif" width="48" height="33" align="absmiddle" border="0" name="US" alt="US"></span></a> <span class="text"><a href="http://4netdesign.com/about.html"><span class="normaltext">US</span></a><span class="normaltext"> | <a href="http://www.4netdesign.co.uk/about.html">UK</a></span>    <a href="http://www.4netdesign.co.uk/about.html"><img src="/assets/uk.gif" width="48" height="33" align="absmiddle" border="0" name="UK" alt="UK"></a></span></p>
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    <
    tr valign="top" align="center">
    <
    td width="648" height="18"><font class="textnav"><span class="textnav">|&nbsp;<a href="/">Home</a>&nbsp;|&nbsp;<a href="/about.html">About</a>&nbsp;|&nbsp;<a href="/design.html">Design</a>&nbsp;|&nbsp;<a href="/portfolio.html">Portfolio</a>&nbsp;|&nbsp;<a href="/contact.html">Contact</a>&nbsp;|</span></font><span class="textnav"> <a href="http://4netdesign.co.uk/about.html">UK Clients</a> |</span></td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    <
    tr valign="middle" bgcolor="#666699">
    <
    td height="12" width="648">
    <
    table width="648" border="0" cellspacing="0" cellpadding="0" height="12" background="/assets/violetbg.gif">
    <
    tr>
    <
    td><font color="#FFFFFF" size="1">&nbsp;&nbsp;&nbsp;<span class="bottom">&copyCopyrite 2001 4NetDesignAll Rights Reserved</span></font></td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table>
    </
    body>
    </
    html

  13. #13
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it's the bgcolor in your outline table, i substituted your violet.gif for it, but you could just make one that's 333333 grey. sorry about the tabs, but it helps me follow other people's tables.

    <body bgcolor="#666666" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="assets/fullbg.gif" text="#000000" link="#333366" vlink="#333366" alink="#666699">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%" >
    <tr align="center" valign="middle">
    <td>
    <table width="650" border="0" cellspacing="0" cellpadding="0" height="452" align="center" background="assets\violet.gif">
    <tr align="center" valign="middle">
    <td>
    <table width="648" border="0" cellspacing="1" cellpadding="0" height="450">
    <tr>
    <td height="50">
    <table width="648" border="0" cellspacing="0" cellpadding="0" height="50" background="assets/topbg.gif" bgcolor="#666699">
    <tr align="center" valign="middle">
    <td><img src="assets/4netdesign.gif" width="220" height="50" align="absmiddle" alt="4NetDesign" name="fournetdesign"></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td height="14" bgcolor="#666666" width="648" align="center" width="100%">
    <img src="assets/navigation.gif" width="605" height="14" name="navigation" border="0" usemap="#mainnav"><map name="mainnav"><area shape="rect" coords="0,0,72,14" href="/" alt="Home" title="Home"><area shape="rect" coords="71,0,151,14" href="/about.html" alt="About" title="About"><area shape="rect" coords="150,0,239,14" href="/design.html" alt="Design" title="Design"><area shape="rect" coords="238,0,362,14" href="/portfolio.html" alt="Portfolio" title="Portfolio"><area shape="rect" coords="361,0,471,14" href="/contact.html" alt="Contact" title="Contact"><area shape="rect" coords="470,0,605,14" href="http://4netdesign.co.uk" alt="UK Clients" title="ukclients"></map></td>
    </tr>
    <tr>
    <td height="370" width="648" background="assets/bg.gif">
    <table width="648" border="0" cellspacing="0" cellpadding="0" height="370" background="">
    <tr>
    <td height="3" width="648">
    <table width="605" border="0" cellspacing="0" cellpadding="0" height="3" align="center">
    <tr valign="bottom">
    <td height="3" width="69"><img src="assets/violet.gif" width="69" height="2" name="underline" alt="web"></td>
    <td height="3" width="79"><img src="assets/spacer.gif" width="1" height="1"></td>
    <td height="3" width="89"><img src="assets/spacer.gif" width="1" height="1"></td>
    <td height="3" width="125"><img src="assets/spacer.gif" width="1" height="1"></td>
    <td height="3" width="109"><img src="assets/spacer.gif" width="1" height="1"></td>
    <td height="3" width="134"><img src="assets/spacer.gif" width="1" height="1"></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td width="648" height="350" >
    <table width="648" border="0" cellspacing="0" cellpadding="15" height="350">
    <tr align="center" valign="middle">
    <td class="text">
    <p><img src="assets/4netdesignmain.gif" width="190" height="120" name="logo" alt="4NetDesign logo"><br>
    <span class="normaltext">Coming Soon!</span></p>
    <p> <a href="http://4netdesign.com/about.html"><span class="text"><img src="assets/us.gif" width="48" height="33" align="absmiddle" border="0" name="US" alt="US"></span></a> <span class="text"><a href="http://4netdesign.com/about.html"><span class="normaltext">US</span></a><span class="normaltext"> | <a href="http://www.4netdesign.co.uk/about.html">UK</a></span> <a href="http://www.4netdesign.co.uk/about.html"><img src="assets/uk.gif" width="48" height="33" align="absmiddle" border="0" name="UK" alt="UK"></a></span></p>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr valign="top" align="center">
    <td width="648" height="18" background=""><font class="textnav"><span class="textnav">|&nbsp;<a href="/">Home</a>&nbsp;|&nbsp;<a href="/about.html">About</a>&nbsp;|&nbsp;<a href="/design.html">Design</a>&nbsp;|&nbsp;<a href="/portfolio.html">Portfolio</a>&nbsp;|&nbsp;<a href="/contact.html">Contact</a>&nbsp;|</span></font><span class="textnav"><a href="http://4netdesign.co.uk/about.html">UK Clients</a> |</span></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr valign="middle" bgcolor="#666699">
    <td height="12" width="648">
    <table width="648" border="0" cellspacing="0" cellpadding="0" height="12" >
    <tr>
    <td background="assets/violetbg.gif"><font color="#FFFFFF" size="1">&nbsp;&nbsp;&nbsp;&copy; <SPAN
    class=bottom>Copyrite 2001 4NetDesign- All Rights Reserved</span></font></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>
    אין סוף

  14. #14
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use a transparent GIF as the backgrounds for your cells.

  15. #15
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    huh?? that script didn't work... i think you were looking at the wrong table. and i tried the transparent gif. netscape doesn't like them and shows them white.

  16. #16
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sorry geiger, the only problems i could see (at least with js/css enabled-there were others with it disabled) were the undeline area and your bottom navigation area. the code i modified fixed those (for ver 4.6 at least), but i must have misunderstood what you were asking.
    אין סוף

  17. #17
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How about putting some sample online so we can see exactly what's wrong? Because the transparent GIF trick works for me.

  18. #18
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if you can't help, please do not view this link. id like to keep it shut until completion

    http://www.4netdesign.com

    view in IE and then in NETSCAPE


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •