SitePoint Sponsor |
|
User Tag List
Results 1 to 18 of 18
Thread: Netscape Compatability Troubles
-
Aug 10, 2001, 20:31 #1
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!
-
Aug 10, 2001, 22:31 #2
- 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!
-
Aug 11, 2001, 11:45 #3
didn't work. the same thing happened. what now?
-
Aug 11, 2001, 15:17 #4
- 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
אין סוף
-
Aug 11, 2001, 15:20 #5
- 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.
-
Aug 11, 2001, 15:34 #6
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">
</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> </p>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top" align="center">
<td width="648" height="18"> </td>
</tr>
</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">
</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> </p>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top" align="center">
<td width="648" height="18"> </td>
</tr>
</table>
</td>
</tr>
</table>
-
Aug 11, 2001, 15:37 #7
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)
-
Aug 11, 2001, 18:23 #8
- 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
אין סוף
-
Aug 11, 2001, 18:29 #9
tried. that. would you believe the bg didnt even show up?
-
Aug 11, 2001, 18:44 #10
- 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">
</td>
</tr>
<tr>
<td width="648" height="350">
text
</td>
</tr>
<tr valign="top" align="center">
<td width="648" height="18"> </td>
</tr>
</table>
</td>
</tr>
</table>
and it seemed to work on ns 4.6..אין סוף
-
Aug 11, 2001, 19:51 #11
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
-
Aug 11, 2001, 19:54 #12
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">| <a href="/">Home</a> | <a href="/about.html">About</a> | <a href="/design.html">Design</a> | <a href="/portfolio.html">Portfolio</a> | <a href="/contact.html">Contact</a> |</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"> <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>
-
Aug 11, 2001, 21:11 #13
- 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">| <a href="/">Home</a> | <a href="/about.html">About</a> | <a href="/design.html">Design</a> | <a href="/portfolio.html">Portfolio</a> | <a href="/contact.html">Contact</a> |</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"> © <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>אין סוף
-
Aug 11, 2001, 23:22 #14
- 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.
-
Aug 12, 2001, 10:02 #15
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.
-
Aug 12, 2001, 20:54 #16
- 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.
אין סוף
-
Aug 13, 2001, 02:58 #17
- 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.
-
Aug 13, 2001, 13:04 #18
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