PDA

Click to See Complete Forum and Search --> : Menu problem


Fox
Sep 29th, 2002, 02:08 AM
Hi all!

I found a free JS menu and there's one problem: the menu doesn't overlay frames. How could I solve this problem? Source is attached... (ajlib.js and ajmenu.js contain the menu source)

Rick Bull
Sep 29th, 2002, 06:06 AM
I don't think you'll be able to get them to overlap frames. The only thing I can think of is get rid of frames. You can emulate them with CSS and DIVs if you like.

Fox
Sep 29th, 2002, 06:19 AM
I'm not very used to CSS/DIV can you give me some hints?

punkpie_uk
Sep 30th, 2002, 04:24 AM
Yeah, nothing overlaps frames, they're drawn by the OS... and basically cound as seperate windows. Same reason why you cant position an object over a dropdown list for example.

In IE6 I know that you can position an element on the parent page over an IFrame (not sure in other browsers because I haven't tested it). You might be able to use that to acheive the same effect on your page.

Rick Bull
Sep 30th, 2002, 04:59 AM
This is one way to make a basic page with menu down the left-hand side. If you want it in another position just let me know.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="language" content="en">
<link charset="UTF-8" href="default.css" media="screen" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<p>All your body text goes here</p>

<div id="menu">
<a href="#">Links</a><br>
<a href="#">Go</a><br>
<a href="#">Here</a><br>
</div>
</body>
</html>


Then in your CSS file (default.css) you could have something like this:


#menu {
/*Put the menu at the top left of the page*/
position:absolute;
left:1em;
top:1em;
width:8em;
}
body {
/*Make sure the body doesn't overlap the menu*/
margin-left:10em;
}

scimini
Oct 16th, 2002, 03:54 PM
Netscape also allows the overlapping of Iframes.