Dagoth Nereviar 0 Report post Posted May 23, 2006 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". Share this post Link to post Share on other sites
Dragonfly 0 Report post Posted May 23, 2006 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. Share this post Link to post Share on other sites
Dagoth Nereviar 0 Report post Posted May 23, 2006 (edited) 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 Edited May 23, 2006 by Dagoth Nereviar (see edit history) Share this post Link to post Share on other sites
brandice 0 Report post Posted May 23, 2006 (edited) 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 hereDagoth 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. Edited May 23, 2006 by brandice (see edit history) Share this post Link to post Share on other sites
Dagoth Nereviar 0 Report post Posted May 23, 2006 (edited) 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 hereDid 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... Edited May 23, 2006 by Dagoth Nereviar (see edit history) Share this post Link to post Share on other sites
michaelper22 0 Report post Posted May 24, 2006 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. Share this post Link to post Share on other sites
Dagoth Nereviar 0 Report post Posted May 28, 2006 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>? Share this post Link to post Share on other sites
Tyssen 0 Report post Posted May 28, 2006 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. Share this post Link to post Share on other sites
AnGeL KiSS 0 Report post Posted May 28, 2006 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? Share this post Link to post Share on other sites
Dagoth Nereviar 0 Report post Posted May 31, 2006 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 lineim 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 Share this post Link to post Share on other sites
Paul 0 Report post Posted May 31, 2006 (edited) 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 Edited May 31, 2006 by Paul (see edit history) Share this post Link to post Share on other sites
Dagoth Nereviar 0 Report post Posted June 1, 2006 (edited) (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. Edited June 1, 2006 by Dagoth Nereviar (see edit history) Share this post Link to post Share on other sites
michaelper22 0 Report post Posted June 1, 2006 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> Share this post Link to post Share on other sites
Dagoth Nereviar 0 Report post Posted June 1, 2006 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 Share this post Link to post Share on other sites
