On my website there's a line down the page, in between "li" and "nks" on the "links" button. I'm using two seperate tables (One to each side) so that if the content box goes down for a few pages, the links box won't follow and have a big gap, and vice versa.

It's been annoying me for quite some time, and I'm not sure how to get rid of it.



Ps: Both the tables have "border=0".

I suggest that you align the the left side image 'li" to the right and the right image 'inks' to the left on the table property, it will be rather the cell property. If this doesn't solve your problem, may be you could consider using one image for links instead of slicing it and placing them into two images.

And let me know if the first suggestion works or not.

Hmm...Nope, I tried aligning the image, td, tr and even table, but none of them worked

Edit: Someone suggested <div>, but i'm not 100% sure how they work...Actually, i'm not 1% sure

This post has been edited by Dagoth Nereviar: May 23 2006, 10:42 AM

I looked at your page source to see if there were any problems that I might pick up on. I found a couple of misplaced html, head and body tags throughout the page.



You should take out everything between <center> and <font...>

and again, the body and html tags don't need to be here



Did that help anything, no. (sorry) but it might help avoid some problems in the future.

My suggestion is that you split your page into three tables. With the title, and header navagation in a table with a width of 100% above the two tables that you have for body of the page. sort of like this:



You may have to work out the 74%, 24% bit to make your page work. Those were the values I used when making an old webpage of my own line up properly. Good luck.

This post has been edited by brandice: May 23 2006, 04:01 PM

and again, the body and html tags don't need to be here
Did that help anything, no. (sorry) but it might help avoid some problems in the future.

Hmm...I never noticed they were even there, cheers



Thanks, i'll give that a try

Edit: I'm thankful for your help, but i've realised that it wouldn't really help, it'd just then have a line across it...the line down won't be visibe because it'll be the background colour, but it would be across...

This post has been edited by Dagoth Nereviar: May 23 2006, 05:32 PM

First things first, based on previous replies, cleanup your HTML. I wasn't seeing well formed code, which might be a cause of the problems. After you fix that, my idea is to create a table with 3 cells, one spanning cell at the top (add colspan=2 width="100%" to the td tag for that cell), with the navbar, one big one under that taking up about 70% or so of the table's width, and one to the right of that making up the sidebar.

Hmm...Like I said before though, that'll make a line across, won't it? If so, i'd have to change all the images so that it can work...

Anyways, thanks for the all the help! But a quick question (That's gone unanswered) does anyone know how to use <div>?

A div's just a container for other elements. Anyone can use it. It's the styling of that div using CSS which you'd need to learn. And I'm sure there's quite a few people on here who know how to do it. You'd need to elaborate on your intended purposes though.