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.

**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:

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>

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

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;
}

**scimini** · Oct 16th, 2002, 03:54 PM

Netscape also allows the overlapping of Iframes.

Thread: Menu problem

Thread Tools

Display

Menu problem

Posting Permissions