Positioning menu anywhere on page?

[don_quixote]

We would like to use the menu, and have made one using the sample menu it looks good, works ok. But we are already using a flash menu at the top of the page. The menu we made has more detail ( sort of a sitemap).

We discovered that the sample menu always wants to be at the top left of the page which is not good for us.

We would like to place it down the page, where we now have just just general links to other pages. So we want to be able to place it anywhere on the page. Is this possible?

We are a non-profit organization we carry no commerical advertising on our site. Our site is a free public service. There are various community partners on our site.

We looked over position help files and forums but couldn't find our answer

Mainly we would like the menu on our news pages. The community event pages are a real nightmare of links. So we would like to clean that up by using your menu as a sub-menu, keeping the to flash menu at the top of the page?

http://gaywest.905host.net/files/queer_ ... enings.php
Oh BTW our menu will be the one called menu_data.js it worked ok on our php page.

Our Homepage is Gay West Community Network (Toronto, Canada)
http://gaywest.905host.net/

[Ruth]

Hi,

From a quick look at your site, I'd suggest you use a table/relative positioned menu. So for example, if you want a menu to take the place of the

Code: Select all

	 <div align="center"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/insidestorymasthead.php">Inside Story Masthead</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/listserv.php">Listserv</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/newsletter.php">Local News</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/clubdirectory.php">Groups</a></td> <td align="undefined" valign="undefined"><a target="_blank" href="http://websites.milonic.com/queerwest-queervillage.buzznet.com/user/">Photo Library</a></td> </tr> <tr> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/prideday.php">West Toronto PrideFest</a></td> <td align="undefined" valign="undefined"><a target="_blank" href="http://websites.milonic.com/queerwestvillagetoronto.blogspot.com/">Queer Village Blog</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/queerwestvillage.php">Queer West Toronto</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/culture.php">Culture</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/guide2.php">Nightlife</a></td> </tr> <tr> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/guide.php">Business Directory</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/queer_village_happenings.php">Community Events</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/happenings_monthly.php">Monthly Events</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/happenings_weekly.php">Weekly Events</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/happenings_galleries.php">Galleries</a></td> </tr> <tr> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/groove.php">Music Scene</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/clubnews.php">Queer Bites</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/getaways.php">Travel Hotspots</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/happenings_theatre.php">Theatre</a></td> <td align="undefined" valign="undefined"><a target="_self" href="http://websites.milonic.com/gaywest.905host.net/files/contact.php">Community Centre</a></td> </tr> </tbody> </table></div>

which is the list of links in the middle, you could use a simple one item menu which opened a submenu containing all those links, or you could categorize those links in groups and create a main menu that had the same number of items as you had groups. So let's say you divided those links into 4 groups, you have a main menu with [just for example]

Example 1:

Code: Select all

<table border=0 cellpadding=0 cellspacing=0 width="80%" align="center"><tr><td><SCRIPT type=text/javascript>
with(milonic=new menuname("MainNavigation")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
menualign="center";
aI("text=Group1;showmenu=group1;");
aI("text=Group2;showmenu=group2;");
aI("text=Group3;showmenu=group3;");
aI("text=Group3;showmenu=group4;");			
}
drawMenus();
</SCRIPT></td></tr></table>

Group1, 2, 3, etc. would be whatever names you had for the categories.

If you just want all the links in one submenu, you'd just put a single item in place of the 4 listed above and when you mouse over it the submenu you created would open with the links. You could make that main item with text as above or you could use an image, i.e.

Code: Select all

aI("image=menu.gif;showmenu=links;");

menu.gif being whatever your image name is.

Hope this helps. Below my name are some links to help areas, including information on table menus.

Ruth

[don_quixote]

This is the menu we would like to use (made from the downloaded sample menu) on all website pages, but again not at the top page or at the side.

file: menu_data.js

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("status=Back To Home Page;text=Home;url=http://milonic.com/;");
aI("showmenu=Centre;text=Gay West Centre;");
aI("showmenu=News;text=News & Events;");
aI("showmenu=Village;text=Queer West Village;");
aI("showmenu=Links;text=Links;");
}

with(milonic=new menuname("Centre")){
overflow="scroll";
style=menuStyle;
aI("text=About Gay West Community Network;url=http://gaywest.905host.net/files/about.php;")
aI("text=Common Terms & Definitions;url=http://gaywest.905host.net/files/definitions.php;")
aI("text=Community Networking;url=http://gaywest.905host.net/files/networking.php;")
aI("text=Community Partner Clubs;url=http://gaywest.905host.net/files/clubdirectory.php;")
aI("text=Contact Information;url=http://gaywest.905host.net/files/contact.php;")
aI("text=Frequently Asked Questions;url=http://gaywest.905host.net/files/fag.php;")
aI("text=Guest Book;url=http://gaywest.905host.net/files/guestbook.php;")
aI("text=Media Spokesperson | Press Office;url=http://gaywest.905host.net/files/press.php;")
aI("text=Mission Statement;url=http://gaywest.905host.net/files/mission.php;")
aI("text=Privacy & Site Policy;url=http://gaywest.905host.net/files/privacypolicy.php;")
aI("text=Site Map;url=http://gaywest.905host.net/files/sitemap.php;")
aI("text=Starting your own Social Club;url=http://gaywest.905host.net/files/starti ... t_club.php;")

}

with(milonic=new menuname("News")){
style=menuStyle;
aI("text=Inside Story Masthead;url=http://gaywest.905host.net/files/inside ... sthead.php;");
aI("text=Forum;url=http://s14.invisionfree.com/gaywest_classifieds;");
aI("text=Community News;url=http://gaywest.905host.net/files/newsletter.php;");
aI("text=Community News (Old);url=http://gaywest.905host.net/files/news_archives.htm;");
aI("text=Gallery Events;url=http://gaywest.905host.net/files/happen ... leries.php;");
aI("text=Monthly Events;url=http://gaywest.905host.net/files/happenings_monthly.php;");
aI("text=Queer Music Scene;url=http://gaywest.905host.net/files/groove.php;");
aI("text=Queer Bites (Reviews);url=http://gaywest.905host.net/files/clubnews.php;");
aI("text=Theatre Events;url=http://gaywest.905host.net/files/happenings_theatre.php;");
aI("text=Today's Events;url=http://gaywest.905host.net/files/queer_ ... enings.php;");
aI("text=Travel Hotspots;url=http://gaywest.905host.net/files/getaways.php;");
aI("text=Weekly Events;url=http://gaywest.905host.net/files/happenings_weekly.php;");
aI("text=Site Map;url=http://gaywest.905host.net/files/sitemap.php;")
}

with(milonic=new menuname("Village")){
style=menuStyle;
aI("text=Queer West - About;url=http://gaywest.905host.net/files/queerwestvillage.php;");
aI("text=Queer West - Bars, Clubs, Restaurents;url=http://gaywest.905host.net/files/guide2.php;");
aI("text=Queer West - Business & Community Directory;url=http://gaywest.905host.net/files/guide.php;");
aI("text=Queer West - Culture (Arts & Attractions);url=http://gaywest.905host.net/files/culture.php;");
aI("text=Queer West - News Blog;url=http://queerwestvillagetoronto.blogspot.com/;");
aI("text=Queer West - History;url=http://gaywest.905host.net/files/history.php;");
aI("text=Queer West - Photo Library;url=http://queerwest-queervillage.buzznet.com/user/;");
aI("text=Queer West - Pride Festival;url=http://gaywest.905host.net/files/prideday.php;");
aI("text=Queer West Village e-Newsletter;url=http://gaywest.905host.net/files/listserv.php;");
aI("text=Site Map;url=http://gaywest.905host.net/files/sitemap.php;")
}

with(milonic=new menuname("Links")){
style=menuStyle;
aI("text=Canadian Queer Directory;url=http://digitalqueeries.905host.net/;");
aI("text=Downtown Gay Toronto - Village (About);url=http://digitalqueeries.905host.net/file ... oronto.htm;");
aI("text=Downtown Gay Toronto - Nightlife;url=http://digitalqueeries.905host.net/file ... gouts2.htm;");
aI("text=Downtown Gay Toronto - Travel Info;url=http://digitalqueeries.905host.net/file ... gouts1.htm;");

}

drawMenus();

[John]

The menu can be placed at any location on any page in your site, and/or different locations on different pages within your site. I would agree with following Ruth's suggestion of doing some basic reading re: menu setup. Also, she's given you an excellent starting point in her response.

[Ruth]

Hi,

Since you want to put the menu in different places on different pages you need to use the table based relative positioned menu.

Instructions: http://milonic.com/tablemenu.php

Table based sample: http://milonic.com/menusample9.php

I hope this helps. If you are still confused after taking a look at these, post back and I will help you organize your data file.

Ruth