Forums > Help! > Web development help - navigation bar keeps moving

Login/Join to Participate

DeepSoulSheepGOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland


Posted:
I'm doing my uncle a favour and building a small website for him.

I'm using a table with 2 rows and 2 columns as the main layout.
Top left a logo.
Top right the name
Lower left the navigation bar.
Lower right the main content part.

I'm having a problem I always seems to encounter though and cant get around. In the navigation cell I can't get the navigation bit to stay under the logo because it keeps sliding down the screen as the page gets longer. frown

I'm beginning to suspect that tables is not the way to do this but I don't have any knowledge of layers and that. Does anyone know what I'm doing wrong or how I can get around this? smile

Cheers
J

I live in a world of infinite possibilities.


DomBRONZE Member
Carpal \'Tunnel
3,009 posts
Location: Bristol, UK


Posted:
It's basically impossible to say wot's broken without looking at the code. Is there a colspan on any columns?

If you can make the top nav bar of any site a separate table to the content - it'll load quicker and be easier to code.

mechBRONZE Member
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom


Posted:
as the main table of content gets bigger and longer, the table frame next to it will mirror size and shape, to counter this, if it getting longer, throw empty cells in under your nav table to keeep it in place, like standing stuff under it to make it higher!

Step (el-nombrie)


DeepSoulSheepGOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland


Posted:
Written by:



"https://www.w3.org/TR/html4/loose.dtd">





































 



































Home
Where are we?
Cars
Finance
Contact us




hi



 



 



 



 



 



 



 



 



 



 



 














Yea sorry I probably should've copied the code in here it is. As you can see the nav bar keeps slipping.



Edit: The 2 tables is a good idea but that's going to have the same problem me thinks. I'll try the propping up bit Mech and let you know.



Any other idea's'd be great. Thanks for the help so far smile
EDITED_BY: DeepSoulSheep (1089986133)

I live in a world of infinite possibilities.


mechBRONZE Member
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom


Posted:
try this, just copy and paste into what ever prog you are using,

for expample throw it into d-weaver and it will make th page for you, i have use a set of tables to support teh next table down, not the cleanest code, but im sure you can figure it out

laterdays


Code:





Untitled Document













   



















































Nav
frame
 
 
 
 
 
 
 
 
 
 
 
 
 




Step (el-nombrie)


DomBRONZE Member
Carpal \'Tunnel
3,009 posts
Location: Bristol, UK


Posted:
You need valign="top" in the menu table's parent cells and you've got nested tables in there for some reason I can't make out.



Try not to use empty spacer cells or spacer gifs so much - they're messy and a work around so the page could just break again if the content gets longer.

DeepSoulSheepGOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland


Posted:
I've tried putting columns in under the navigation bar and it still wont stay under the logo.

table align="center" cellpadding=0 cellspacing=0>

Home


Where are we?


Cars


Finance


Contact us








This seems like a pretty unelegant way of doing this anyway. Can anyone offer me any kind of solution just to have a navigation in the right place. Plleeeeaasseee help

I live in a world of infinite possibilities.


mechBRONZE Member
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom


Posted:
ill shut up then

Step (el-nombrie)


DeepSoulSheepGOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland


Posted:
Mech....I posted that before I saw the code you posted. The way I was trying wasn't what you were talking about at all.



I had just spent the last 10 mintues putting the tags back into place on your code cause I thought is was such a cool way of doing it.



Sorry dude unelegent sounds bad....your way is anything but, the way I interpretted it and tried it was crap..... :blush:
EDITED_BY: DeepSoulSheep (1089988055)

I live in a world of infinite possibilities.


ado-pGOLD Member
Pirate Ninja
3,882 posts
Location: Galway/Ireland


Posted:
Written by:














and bob's your granny



*edited to say that this works on the first piece of code you used above...*



and that while tables are lovely, they are also the enemy of my sanity *goes back to trying to convert triple frame pages into table pages*
EDITED_BY: ado-p (1089988438)

Love is the law.


ado-pGOLD Member
Pirate Ninja
3,882 posts
Location: Galway/Ireland


Posted:
must compliment mech on indentation, almost a lost art in HTML.

I so cant nest tables properly!!! frown

Love is the law.


musashiistarring Skippy the green llama
1,148 posts
Location: Seattle, WA


Posted:
dunno if this is what you mean, but check the tables on the sides of this page, and other pages(how the right column images expand to fit the rest of the page), is that what you're looking for?

https://206.180.240.41/aboutUs.aspx

just a quick post, I have an interview to run off to. Might be able to help out more later eh

First intention, then enlightenment..
Ars Pyronomica

" Life is programmed. Whether death is programmed or not is yet to be determined."


HOP Newsletter
Sign up to get the latest on sales, new releases and more...