table prbs

autopost · Jan 10, 2008

What I am trying to accomplish is a simple table setup. a nav bar on the left (set width with a background img) while the rest of the page is set at a percentage. I design at 1024x768, and would like my pages to look good at lower res as well. It worked fine until I applied the background img. Now, when I resize the window it cuts off some of my img. Here's the code: 
 
<table width="95%" border="0" cellpadding="5" cellspacing="0"> 
<tr> 
<td width="73px" height="450" valign="top" background="images/nav.gif" STYLE="background-repeat: no-repeat;" ><div align="center"> 
 
 
<a href=http://www.htmlforums.com/archive/index.php/"index.html">Home</a> 
<a href=http://www.htmlforums.com/archive/index.php/"visual.html">Tone Down Visual Effects</a> 
<a href=http://www.htmlforums.com/archive/index.php/"msconfig.html">MSCONFIG</a> 
<a href=http://www.htmlforums.com/archive/index.php/"vpf.html">Virtual Paging File</a> 
<a href=http://www.htmlforums.com/archive/index.php/"drive_space.html">Free Up Drive Space</a> 
<a href=http://www.htmlforums.com/archive/index.php/"services.html">Disable Unneeded Services</a> 
<a href=http://www.htmlforums.com/archive/index.php/"regedit.html">Registry Tweaks</a> 
<a href=http://www.htmlforums.com/archive/index.php/"messenger.html">Remove Microsoft Messenger</a> 
<a href=http://www.htmlforums.com/archive/index.php/"software.html">Useful Software</a> 
<a href=http://www.htmlforums.com/archive/index.php/"links.html">Links</a> 
</div></td> 
<td width="25"> </td> 
 
<td width="90%" valign="top"> <div align="left"> 
 
 
The site addy <a class="postlink" href="http://www.xptweaks.org">www.xptweaks.org</a> (<a class="postlink" href="http://www.xptweaks.org">http://www.xptweaks.org</a>) 
 
Only the index page has the img applied so far, as I can't get it perfect. 
 
Can someone give me a hand?There is a missing close tag in the table above this content---> 
 
<h1>Welcome to Windows XP Tweaks etc!</h1>The missing </td> tag? I didn't even notice that, but when I added it, it placed my nav bar below the rest of the page. I know this is probably a simple problem. I just started learning to write HTML a week ago. I also used CSS for most of the text formatting and some gif format too (CSS rules). 
 
Seems to actually be easier than learning to effectively use Dreamweaver, etc. and the code isn't near as bloated. 
 
I just can't figure out why the nav cell wouldn't stay stationary when set at 73px. I wanted to leave the other cell at a % so it would compensate for different resolutions.<<--Here-->> (<a class="postlink" href="http://courses.wccnet.edu/computer/mod/w24f.htm">http://courses.wccnet.edu/computer/mod/w24f.htm</a>) 
 
If that close tag dropped your table then you have a nesting problem it sounds like.Thanks for the link! I am about to go blind tonight, so I'll give it more thought tomorrow. 
 
I guess I didn't spend enough time learning tables. I was lured into CSS early with promises of much more control over design, layout, etc. and after hearing so much there about how bulky and aggravating tables can be I was hoping I could get by without getting to deep into it. 
 
Intense table study is on my list for tomorrow. I am glad I came across this forum, though I think web design must be a contributing factor to the rising divorce rates

...I'LL BE RIGHT THERE!!!!!!! 
 
Jeez...create the code for a page, run it through a code validator to find all the little nit-picking problems.

Thanks for the tip! I gave it a try at the Wc3 site. Not bad (the validator, not my code

)If there is anything that you don't understand about the (sometimes cryptic) error messages, then post a link to the validator results of your site in this thread, and I'll try to help you fix them.Hey, I really apreciate that. You're not kidding about "cryptic!" I managed to repair almost every error on the list, but there are a few I don't understand. 
 
Wc3 report (<a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.xptweaks.org">http://validator.w3.org/check?uri=http% ... tweaks.org</a>) Errors 2,3,& 4 I don't understand. This is the way I have been learning to write it. Webmonkey (<a class="postlink" href="http://hotwired.lycos.com/webmonkey/">http://hotwired.lycos.com/webmonkey/</a>) is where I got the majority of my start, and now I just Google my way to answers. I noticed that most of the tutorials are written back in like '98 or so talkin' bout "this is not supported in I.E. 3"... Who the hell still uses I.E. 3?! Lol. If you know of a more up to date site for me to find tutorials, hook me up. 
 
Oh. I did finally solve my original table problem. I increased the nav cell width, and played with cellpadding and cellspacing until it worked. Now, I need to get a browser sniffer to solve the spacing problem in Netscape for the actual nav links... 
 
Thanks again!First off, I noticed you don't have an opening <body> tag. You need one just after the head. I'm not sure how the validator didn't pick that up. 
 
Error 1: Just put the "alt" attribute in the <img> tag with an explantion of what the picture is. 
 
<img src=http://www.htmlforums.com/archive/index.php/"images/logo.gif" width="725" height="52" alt="Windows XP Tweaks Logo"> 
 
Error 2: The "color" attribute in the <hr> tag is browser specific. I'm not which browser it is specific to, but it is not part of the HTML 4.01 specification. 
 
Error 3: The "background" attribute in the <td> tag is browser specific. Netscape 7.x does not recognize it because it is not a part of the HTML 4.01 specification. 
 
Error 4: Literals must be enclosed in quotes. 
 
<a href=http://www.htmlforums.com/archive/index.php/mailto:"[email protected]">Alright, I'm confused. Error 1 I understood, just haven't got around to fixing it. 
 
Error 2: What is the proper way to specify HR color to 4.01 specs? 
 
Error 3: Netscape 7x is what I am testing the site with (and I.E. 6) and the background img is doing well. Is there another way? 
 
Error 4: The link worked great w/out quotes. I tried including the quote marks (double and single) and I get an Outlook error message: "The command line argument is invalid."Error 2: There is no way to specify the color of a horizontal rule. It is up to you whether or not to keep the code in there. It won't break the page, the only thing it will do is keep you from being 100% compliant, which isn't as important as using well-formed code which you have. 
 
Error 3: Use CSS. 
 
td { background: url(nav.gif); } 
 
Error 4: That's my fault. It should be 
 
<a href=http://www.htmlforums.com/archive/index.php/"mailto:[email protected]">Alright, it's all clear now. Thanks doogxela for taking the time to clear that up. I learned a few things from this thread

nice site man just one thing is make the navigation table wider <td width="80px" just change the 80 to probably around 110-120 to get the links centered right ow sure tho just try it first then adjust from there and yes this board is great i was a n00b when it came to html and i have learned alot ( <a class="postlink" href="http://www.boomspeed.com/boxcarmember/souls.html">http://www.boomspeed.com/boxcarmember/souls.html</a> ) slow speed i know but if u look at it late at ight when no bandwith is being used it loads really fast lol bt nice site man simple yet elegant lolThanks for the compliment Globe_shoes

That clean simple look was exactly what I was going for. After I fixed the problem with the nav bar resizing the links did get a bit off center like that. I will fix it tomorrow when I use CSS to set up the image. 
 
Very cool graphics on your site by the way!Thanks to the other guys for pitching in with fixes for the code while I was away. 
 
Nice one on the CSS. There is even an online checker for that, to help you squish any erorrs. You can find it at: 
<a class="postlink" href="http://jigsaw.w3.org/css-validator/validator-uri.html">http://jigsaw.w3.org/css-validator/validator-uri.html</a>thanx scruff just used fireworks 4 and eyecandy, not hard at allEye Candy rules!

table prbs

autopost

Guest