Positioning the Menu

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:06

Positioning the Menu

Poster: flyfree432
Dated: Sunday May 7 2006 - 5:47:53 BST

This is probably a simple question, but I'm having a hard time figuring out how to position the menu on my page.

This is where I set the menu up:

http://www.flyfreecatholicforums.com/MenuTemplate.html

This is the code

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Flyfree Catholic Forums Template - Version4.0</title>

</head>
<body>
Position Menu Test<BR>
<BR>Position menu Test<BR>

<script type="text/javascript" src="milonic_src.js"></script>
<noscript><a href="http://www.milonic.com/">Powered by Milonic</a></noscript>
<script type="text/javascript">
<!--
if(ns4)_d.write("<script language=JavaScript src=mmenuns4.js><\/script>");
else _d.write("<script language=JavaScript src=mmenudom.js><\/script>");
-->
</script>
<script type="text/javascript" src="menu_data.js"></script>
<br><br><br>The Flyfree Catholic Forums - Under Construction. 
</body>
</html>

I don't necessarily want to put the menu in a table, but I would like to put our website banner on each page above the menu. How do I do this?

Thanks.

Poster: Migru
Dated: Sunday May 7 2006 - 9:09:59 BST

Hi

there are several options to do this. One suggestion is as follows:

- Place your banner, starting right on top
- position the menu just below the banner,

your menu, as it is, is positioned absolute, by using the top= and left= properties.

Code:

with(mainmenu1=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
margin=2;
orientation="horizontal";
style=menuStyle;
top=10;

Next, it depends on of what type of design you are in favour, will your page be centered or left oriented ?
If left oriented, maintain the top/left combination as above, just modify top=10; to the start-pixel, depending on the heigth of your banner.
If centered add screenposition="center"; to the menu properties and modify the left property to left="offset-x"; where x should be a value depending on half of the total width of the menu.

Please see
http://www.milonic.com/menuproperties.php

Everything is different if you would like to put tthe menu into table cells. Please see
http://www.milonic.com/tablemenu.php

Michael

Suggestion is to add screenposition=

Industrial Strength JavaScript and DHTML Menus

Positioning the Menu