/    Sign up×
Community /Pin to ProfileBookmark

Problem with position of JavaScript Menu

Copy linkTweet thisAlerts:
Jul 20.2007

Hi,

I have a web site done, there is two javaScript menus on each page, one across the top and one down the side. They work fine, however on some people’s monitors the menu are not in the right place. ? Because of the resolution I’m thinking. The menus use css…style sheets and the positioning is done in the javaScript files…right now it’s coded by pixels I guess (Someone else started this site and I took it over). I was wondering is there a way to code it in percent or something…I can’t give the URL because it’s an Intranet for work…any idea or help would be great thank you.

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Typhoon101Jul 20.2007 — I can't give the URL because it's an Intranet for work...any idea or help would be great thank you.[/quote]

There are many different ways to create a menu. Without seeing your page, it is extremely difficult to provide an answer. If your site is not in a public domain, can you at least post the code?
Copy linkTweet thisAlerts:
@eblacklerauthorJul 20.2007 — Never even thought of that...I'm tired today! :o If you need anything else let me know!

var MENU_POS2 = [

{

// item sizes

'width': 169,

'height': 22,

// menu block offset from the origin:

// for root level origin is upper left corner of the page

// for other levels origin is upper left corner of parent item

'block_top': 135,

'block_left': 194,

// offsets between items of the same level

'top': 21,

'left': 0,

// time in milliseconds before menu is hidden after cursor has gone out

// of any items

'hide_delay': 200,

'css' : {

'inner' : 'minner',

'outer' : ['moout', 'moover']

}

},

{

'width': 196,

'block_top': 14,

'block_left': 120

},

{

'block_left': 130

}

]


[U]CSS[/U]

/* all levels inner */

.minner {

font: 12px Tahoma, Verdana, sans-serif;

text-decoration : none;

padding: 4px;

color: white;

font-weight:bold;

}

/* all levels outer */

.moout {

text-decoration : none;

border : 1px solid #666666;

background: #506D75;

}

.moover {

text-decoration : none;

border : 1px solid #666666;

background: #21385F;

}
×

Success!

Help @eblackler spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...