Need Help With Tables Causing A Line Down My Website

Dagoth Nereviar

May 23 2006, 09:46 AM

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".

Dragonfly

May 23 2006, 10:04 AM

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.

Dagoth Nereviar

May 23 2006, 10:42 AM

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

brandice

May 23 2006, 03:53 PM

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.

QUOTE

<td colspan="12" bgcolor="007A00" valign="top"><center>
<html>
<head>
</head>
<body>
<font size="+2"><b>Welcome to Dn Games!</b></font><br><br><br>

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

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

QUOTE

Dagoth Nereviar / 10 Apr 06
</body>
</html> </center></td>

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:

QUOTE

<table width="100%" height="75">
<tr>
<td>
TOP NAVIGATION
</td>
</tr>
</table>

<table width="74%" height="400" align="left">
<tr>
<td>
MAIN PART OF THE PAGE

</td>
</tr>
</table>

<table width="24%">
<td>
<tr>
RIGHT SIDE NAVIGATION

</td>
</tr>
</table>

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.

Dagoth Nereviar

May 23 2006, 05:30 PM

QUOTE(brandice @ May 23 2006, 04:53 PM)

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.

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

QUOTE(brandice @ May 23 2006, 04:53 PM)

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.

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...

michaelper22

May 24 2006, 01:23 AM

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.

Dagoth Nereviar

May 28 2006, 09:53 AM

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>?

Tyssen

May 28 2006, 11:33 AM

QUOTE(Dagoth Nereviar @ May 28 2006, 07:53 PM)

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.

AnGeL KiSS

May 28 2006, 03:07 PM

im guessing your layout has 1 px away from the other picture, since you made your layout in small parts. maybe try bringing the 'nks' left 1px?

Dagoth Nereviar

May 31 2006, 01:27 PM

QUOTE(Tyssen @ May 28 2006, 12:33 PM)

Well, i'm not entirely sure what the purpose would be, but to basically get rid of the line

QUOTE(AnGeL KiSS @ May 28 2006, 04:07 PM)

im guessing your layout has 1 px away from the other picture, since you made your layout in small parts. maybe try bringing the 'nks' left 1px?

I didn't make the different parts, I drew it in photoshop, then used image ready to slice it up for me, then that imported it into HTML, but i'll try that

Latest Entries

Dagoth Nereviar

Jun 1 2006, 04:59 PM

QUOTE(michaelper22 @ Jun 1 2006, 02:14 PM)

Let me clarify this info. The top cell spans the width of the table, through the use of the colspan attribute. The remainder of the table is a large content area, and a small sidebar. Let me show you:

Sorry to say this after you tried to help (Thank you once more for the help), but I decided to change to layout, frustrating as it was, so that the line are still there, but you can't see them.

Thank you all for the help, especially Michael

michaelper22

Jun 1 2006, 01:14 PM

QUOTE(michaelper22 @ May 23 2006, 09:23 PM)

CODE

<table width="100%">
    <tr>
        <td colspan=2>NAVBAR GOES HERE</td>
    </tr>
    <tr>
         <td width="70%">CONTENT GOES HERE</td>
         <td width="30%">SIDEBAR GOES HERE</td>
    </tr>
</table>

Dagoth Nereviar

Jun 1 2006, 10:04 AM

QUOTE(Paul @ May 31 2006, 09:38 PM)

(Just change the width to 690px)

I tried this, saved the file and opened it in FF and IE and it worked fine

Its just off by a pixel, thats all

It didn't work for me, it just stayed the same size

Thanks for trying though

QUOTE(brandice @ May 23 2006, 04:53 PM)

I just looked through, and that's because I use PHP for main the area, and it "loads" up the information from another PHP file, so when looking at it via source, it looks like that's a part of the actual code.

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE