The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Gurt Menu Auto Resize to Browser- Help, Help for auto resizing a navigational menu to the user specific browse
elcapitan
post Mar 25 2007, 06:45 AM
Post #1





Group: Members
Posts: 1
Joined: 25-March 07
Member No.: 2,317
Hello all,

Firstly thanks for having a read, secondly this is my first post in a web Forum so i might be a bit scattered in my explanation but here goes!

Link to the site in question:

http://home.exetel.com.au/m2photography/

This is whats been happening:

1. I'm creating a photography website and am using this menu i found on the internet (http://menu.gurtom.com/products/menus/js/free).
2. I want to have it auto resize to the center of the users specific browser window size(the same as the background and text currently do). E.g. if i design it on a monitor with 1024x768 res then view it on 800x600 the menu will be way to the right hand side of the browser. When your at the site just reduce the size of the page and watch the blue menu.
3. Im having no luck with finding a way- your help with this would be very appreciated.

4. I friend provided me with a script to auto center everything on the page(e.g. like myspace)- might only work with html? I don't know

Heres the code:

<html>
<head>
<title>m˛photography</title>
<script language=JavaScript src="menu.js"></script>
<script language=JavaScript src="menu_hier.js"></script>
<link href="menu.css" rel=stylesheet>


<style type="text/css">
body {
text-align:center;
background-color:ffffff;
background-image:url(FinalWebsite\Images\bg_image.gif);
background-position: top;
background-attachment:fixed;
background-repeat:repeat-x;
margin-top: 300px;
}
</STYLE>



<style>
body {
font: 11px Arial,Verdana,Helvetica,sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(bg2.gif);
text-align: center;
cursor: hand;
}
.style2 {font-size: 18px}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>


<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p><img src="Welcome.jpg" alt="Welcome" width="624" height="158" align="middle"></p>
<script language="JavaScript">
<!--
var menuConfig = [
{
'height': 20,
'width' : 70,
'firstX' : 400,
'firstY' : 580,
'nextX' : 1,
'hideAfter' : 200,
'css' : 'gurtl0',
'trace' : true
},
{
'height': 24,
'firstY' : -25,
'firstX' : 0,
'nextY' : 27,
'css' : 'gurtl1'
},
{
'firstX' : -71,
'firstY' : 0,
'nextX' : 72
}
];

new menu (menuHierarchy, menuConfig);
//--></script>
</p>
<span class="gurtl0clck">The Menu isn't auto aligning to the size of the browser \/ </span>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 25 2007, 11:59 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
QUOTE(elcapitan @ Mar 25 2007, 04:45 AM) *
http://home.exetel.com.au/m2photography/

This is whats been happening:

1. I'm creating a photography website and am using this menu i found on the internet (http://menu.gurtom.com/products/menus/js/free).
2. I want to have it auto resize to the center of the users specific browser window size(the same as the background and text currently do). E.g. if i design it on a monitor with 1024x768 res then view it on 800x600 the menu will be way to the right hand side of the browser. When your at the site just reduce the size of the page and watch the blue menu.
3. Im having no luck with finding a way- your help with this would be very appreciated.
FWIW, I don't see any menu at all. The big "Welcome" image changes the cursor like a link when I hover over it, but it isn't a link. It's a dead-end welcome page for anyone (including search engines) with JavaScript disabled/unavailable.

I recommend using normal links for site navigation. See also Links Want To Be Links

QUOTE(elcapitan @ Mar 25 2007, 04:45 AM) *
4. I friend provided me with a script to auto center everything on the page(e.g. like myspace)- might only work with html?
The CSS property "text-align: center" will center only inline text. It won't center block-level elements.

See also
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Client-side Scripting · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 03:08 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC