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)
Printable View
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)
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.
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.
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:
Then in your CSS file (default.css) you could have something like this:Code:<!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>
Code:#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;
}
Netscape also allows the overlapping of Iframes.