Need a Better Way

liunx

Guest
I am using a left border background on a web page<br />
<!-- m --><a class="postlink" href="http://home.earthlink.net/~ruthbond/favoriterecipes.html">http://home.earthlink.net/~ruthbond/fav ... cipes.html</a><!-- m --><br />
but it was wrapping when I didn't want it to.<br />
<br />
So, I made a table with one table row containing 2 table data. Each table data was a table in itself. The left table contained only the bordered background. The right table had a background color of white and contained everything else that I wanted on my page.<br />
My problem was that I needed something in the left table for my background border to appear. So I jerry-rigged it using the code for spaces. Please see the Source on the above link.<br />
<br />
Now it looks great on my laptop in both Netscape & Internet Explorer. However, on my other computer, though it looks great in Internet Explorer, it works badly in Netscape. There, the border is not wide enough, but is too tall.<br />
<br />
I know there must be a better way! How should I do it? Thanks.<!--content-->you need to put the widht attributes in your table tag.<br />
<br />
<td width="20%" height="100%"><br />
<br />
that is for the left table cell.<!--content-->I just tried that. Reloaded (refreshed), remembered to View | Page Source to see that I was viewing the reloaded file, and still have the same problem. Looks great on laptop on both Netscape & Internet Explorer. Looks great on other computer on Internet Explorer. But border still looks too narrow & too tall in Netscape on other computer.<br />
<br />
I think it may have to do with the many &nbsp; codes that I'm using, but I don't know what to do instead.<!--content-->sorry it was early in the morning and I wasn't thinking straight. ;)<br />
<br />
try this and take out all those & nbsp;<br />
<br />
<br />
<BODY text=#000000 vLink=#cc0000 aLink=#cc0000 link=#000000<br />
onload=initAudioPlayer() topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"><A name=top></A><br />
<TABLE border=3 width="100%" height="100%" background="sistersvalentinebackgroundlb.gif"><br />
<TBODY><br />
<TR><br />
<TD width="25%">& nbsp;</TD><br />
<TD><br />
<TABLE width="100%"><br />
<CENTER><PRE></PRE><!--<br />
<IMG align=right SRC=http://www.htmlforums.com/archive/index.php/"chef9.gif"><br />
--><br />
<TBODY></TBODY></TABLE><br />
<br />
put that in the exact same spot.<!--content-->I tried your suggestion, Scoutt, and it works in Internet Explorer but not in Netscape. <br />
<br />
I did have to change it a bit. Remember, I had the 2 tables within one big table. When I tried what you said on the overall table, it started wrapping the left border background again, which was what I was originally trying to eliminate. <br />
<br />
So I tried what you said on my left table -- the one containing just the left border -- and in worked great -- in Internet Explorer. <br />
<br />
Netscape apparently needs more than just one &nbsp; (or somethng else) to make the background appear? Which kind of puts me back to my original problem. <br />
<br />
Well, you can see just a tiny bit of it -- just enough for 1 &nbsp; How frustrating! <br />
<br />
Link for the website I'm referencing: <br />
<!-- m --><a class="postlink" href="http://home.earthlink.net/~ruthbond...iterecipes.html">http://home.earthlink.net/~ruthbond...iterecipes.html</a><!-- m --> <br />
<br />
One other note: I am purposely making the table data width on the left table small enough so that it chops off the vertical red line that would otherwise appear on the right of the border. <br />
<br />
Thanks, and any further suggestions would be greatly appreciated.<!--content-->sorry I was at work when i did tha tand we don't have NS there. so I was hoping that fixed it. So the only other option you have is make the backround of that table the main background of the site. so this will go into the body tag.<br />
background="sistersvalentinebackgroundlb.gif<br />
<br />
<BODY text=#000000 vLink=#cc0000 aLink=#cc0000 link=#000000<br />
onload=initAudioPlayer() topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" background="sistersvalentinebackgroundlb.gif"><br />
<br />
or one other option is to make the image smaller and jsut have it tile the left side. and then have a table on the right.<br />
<br />
I'll give it a shot and see if I can make something work in NS.<!--content-->How do you just make it tile the left side?<br />
Thanks.<!--content-->Just put the background in the body tag instead of trying to muck around in the tables. I edited the image to remove the red line and added more width so it will not tile at high resolutions, see attachment. It should look nearly identical in the body to how it looks currently in IE.<br />
<br />
Kevin<!--content-->Got it. Thank you.<!--content-->
 
Back
Top