strange table problem

The problem is not with the bordered table, but with the table you have the bordered table in. To see this, in your source code, on line 201 (in doing VIEW SOURCE,right after the comment "Main Page Content Table") change the table to have a green background color and border of 1.

To achieve what i think you are wanting, try this:

On line 278 (2nd bgcolor="#dcdcdc" (and the width=100%), and put the bgcolor="#dcdcdc" on the very next line, in the definition of the table ()

This should get what I think you are looking for, or at least get you on the way there.

-Greg

PS. the reason the page works like you want in the second link is that on that link, the right side of the table it taller than the left side, so you don't notice that you have the background color set in the wrong place (as demonstrated if you try what i suggested in the first paragraph above).

Whenever I have problems with tables not displaying as I thought they should, first thing I do is trun on borders on all tables involved in the layout.

Holy bloated code, batman!

Why do you have entire tables devoted to holding a single image or TWO tables to make a single black line!??

Okay, answering your question first:

It's most likely the heights in the tables that are causing you problems, but also you have some issues with validation.

Now tips:

<script type="text/javascript">

Don't use when you're using CSS, just use CSS.

See sample fix with lighter HTML and more use of CSS -- it's not valid, either, it's just a half-way point to show you how to proceed.

sample fix

thanks for your help, Greg. the problem is now solved.

Suzanne, i have to clean up the code, i know. it's a mess. i didn't make the template, though. thanks for the tips.

skyraider -- do look at the sample fix, as it shaves off a LOT of code and can be a starting place for your own work with the template.

sry, i missed that. i was in a rush last night.

i used your code (slightly modified) instead of my pile of junk. if you look at the site now, it looks MUCH, much better, and with almost litterally half the code. the css made a huge improvment, too.

i'll now work on validating it, i guess... thanks!!

by the way, how can i reduce the space between "adventure board login" and "username"?

Edit the CSS for the form? I'm not sure what you're seeing. What browser/OS do you have, there may be a bug you need to work around.

See the problem is I don't see "adventure board login" ANYWHERE.

There is "Message Board Login" but I don't see any weird spacing between that and the username?

What browser and OS?

sry, it's actually message board login, like you said.
it's not a huge space. i'm just wondering how to reduce the space between "username" and "message board login" (which is now corrected to "adventure board login"). it's a little larger than the space between the login box and the guestbook header line. for some reason, i think it makes the page look a little strange, lol.

http://www.zerocattle.com/examples/images/thebarrennorth.jpg do you see something different from this?

You can edit this part to change the spaces:

.main ul, .main p, .loginvote p, .login p {
margin: 5px 10px;
}

.login p {
font-size: 11px;
}

You can edit the margins, set up new declarations, et cetera.

They affect this part of the code:

Adventure Board Login

Username:
  Sign Up
Password: