HOME       >>       Websites and Web Designing

Need Help With Tables Causing A Line Down My Website


Dagoth Nereviar

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

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

Hmm...Nope, I tried aligning the image, td, tr and even table, but none of them workedEdit: Someone suggested <div>, but i'm not 100% sure how they work...Actually, i'm not 1% sure


brandice

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.

<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

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:

<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

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

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

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

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

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

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

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.


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


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

Paul

OK.. I got the fix!

Go to line 58 (after I did view-source)

and replace the line:

<table id="Main" width="691" height="401" border="0" cellpadding="0" cellspacing="0" align="center">

with

<table id="Main" width="690" height="401" border="0" cellpadding="0" cellspacing="0" align="center">
(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

Hope this works.

Regards,
Paul

Dagoth Nereviar

(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


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


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.

michaelper22

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.

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

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


VIEW ORIGINAL REGISTER GET FREE HOSTING

Xisto.com offers Free Web Hosting to its Members for their participation in this Community. We moderate all content posted here but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 2001-2019 by Xisto Corporation. All Rights Reserved.