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 bkrike on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Frames vs Flash Table Menu?

Status
Not open for further replies.

mfleming

Technical User
Jul 2, 2003
65
CA
I want to be able to use a flash menu system that always stays at the top of my page. Is there anyway to do this with tables or do I have to use frames.

Thanks

 
You could put all of your main content in a layer that scrolls leaving the menu at the top of the page

Cheech

[Peace][Pipe]
 
I'm not sure how to do this. What do I need to do to create this? I have tables already setup throughtout my page, so do I create a table (row) for the menu and remove the frames? How to I put it on a layer?

Thanks
 
Paste this into a new doc and you will see what I mean
Code:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; width:760px; height:115px; z-index:1">Head
Content</div>

<div id="Layer2" style="position:absolute; width:760px; height:259px; z-index:2; top: 133px; overflow: scroll;">
  <p>Body
  content here </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>

Cheech

[Peace][Pipe]
 
That kinda worked. How do you centre the Layers on the page? Also, what if the user has a bigger screen, it looks funny having the scrol bar in the middle of the page.

Also, how do you remove the bottom scroll bar?
 
K, I got it to work. I centre the flash menu and the tables in the body layer and set the width to 100% instead of 760px.

My next question is how to remove the scroll bar from the page now that I have a scroll bar in the layer?

Thanks
 
Open it in a new window setting the scroll bar to no

Cheech

[Peace][Pipe]
 
thanks for all your help.

Everything works the way I want it.

Thanks again
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top