Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Fixing a hor scrolling menu within a layer as page changes

Status
Not open for further replies.

makemusic

Programmer
Apr 3, 2004
43
Hi,

This may be hard to explain but my site isn't live yet so I'll have to do my best! It concerns CSS and layers.

I have a layer at the top of my page that contains my horizontal scrolling menu. When I click on one of the links it opens up a new page within a layer that sits beneath it, i.e. my main layer.

My top menu, however, contains about 100 links and every time I click on a link to load up a new page, the menu resets itself back to its original position. I'd like to be able to prevent the top menu from doing this so as you click on each page the menu doesn't move, or at least re-positions itself. The only way I can think of doing this is through a framed site where the top frame is completely independent of the main page. This isn't an option. I don't suspect the <a name> tag would work.

Can anyone help? It's driving me mental!
 
Is the menu driven by Javascript? If so, I suggest you re-post in Forum216.

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five
 
No, it's a basic html menu. The layer is positioned by CSS and is an include file, so the same file is called up for every page.
 
How do you have a CSS scrolling menu? Can you show the code?

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five
 
The menu itself is just a table of links - basic HTML. It sits within a layer with a hor scroll bar. That layer is defined by my CSS, as follows:

#originalmenu {
position: absolute;
background: #000000;
height: 100px;
top: 0px;
left: 56px;
width: 631;
height: 80px;
z-index: 1;
overflow: auto;
scrollbar-base-color:#B39457;
background-image: url(../images/frameset/background%20slices_r1_c2.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
}

So every page that requires the menu includes the <div id> tag. The menu is a seperate .asp include file.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top