Forums > Help! > Web development help - navigation bar keeps moving
Login/Join to ParticipateGOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland
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.
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?
Cheers
J
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.
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?
Cheers
J
I live in a world of infinite possibilities.
BRONZE Member
Carpal \'Tunnel
3,009 posts
Location: Bristol, UK
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.
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.
BRONZE Member
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom
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!
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)
GOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland
Posted:
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
EDITED_BY: DeepSoulSheep (1089986133)
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
EDITED_BY: DeepSoulSheep (1089986133)
I live in a world of infinite possibilities.
BRONZE Member
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom
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
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:
|
Step (el-nombrie)
BRONZE Member
Carpal \'Tunnel
3,009 posts
Location: Bristol, UK
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.
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.
GOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland
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
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>
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
I live in a world of infinite possibilities.
BRONZE Member
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom
Carpal \'Tunnel
6,207 posts
Location: "In your ear", United Kingdom
Posted:
ill shut up then
ill shut up then
Step (el-nombrie)
GOLD Member
Carpal \'Tunnel
2,617 posts
Location: Berlin, Ireland
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)
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.
GOLD Member
Pirate Ninja
3,882 posts
Location: Galway/Ireland
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.
GOLD Member
Pirate Ninja
3,882 posts
Location: Galway/IrelandPosted:
must compliment mech on indentation, almost a lost art in HTML.
I so cant nest tables properly!!!Love is the law.
starring Skippy the green llama
1,148 posts
Location: Seattle, WAPosted:
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 ehFirst intention, then enlightenment..
Ars Pyronomica
" Life is programmed. Whether death is programmed or not is yet to be determined."
Similar TopicsUsing the keywords [development navigation bar keep * moving] we found the following existing topics.
Show more..© 1998 - 2024 Home of Poi
All prices converted to United States dollars using XE.com
