Screen positioning the menu

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

Screen positioning the menu

Poster: mpicton
Dated: Thursday March 25 2004 - 16:39:16 GMT

I am unable to set the screen position of the menu to absolute 0. I have used the 'left' parameter, setting this to 0, but I have a 1 pixel gap between my internet explorer window and the left hand edge of the menu. Any help would be appriciated.

thanks

Martyn

Poster: John
Dated: Thursday March 25 2004 - 17:29:04 GMT

Without seeing the document it's a little tough to tell. Are document margins and padding set to 0?

Screen position

Poster: mpicton
Dated: Thursday March 25 2004 - 17:33:27 GMT

Everything seems to be set to 0, here is my doc.

_menuCloseDelay=00 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=0 // The time delay before menus open on mouse over
_followSpeed=0 // Follow scrolling speed
_followRate=0 // Follow scrolling Rate
_subOffsetTop=0 // Sub menu top offset
_subOffsetLeft=0 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x

with(menuStyle=new mm_style()){
onbgcolor="#C0C0C0";
oncolor="#000000";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;

offbgcolor="#ffff00";
offcolor="#000000";

separatorcolor="#000000";
separatorsize="0";
padding=5;
fontsize="8pt";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Tahoma, Verdana";

headercolor="#000000";
headerbgcolor="#ffffff";
offborder="1px solid #000000";
onborder="1px solid #000000";
borderwidth="0"

subimage="http://10.1.1.4/arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.0);Alpha(opacity=100);Shadow(color='#c0c0c0', Direction=259, Strength=0)";
outfilter="randomdissolve(duration=0.0)";
}

with(Bullivant=new menuname("Side Menu")){
style=menuStyle;
top=100;
left="offset=-1";
itemwidth=133;
align="left";
screenposition="left";
alwaysvisible=1;
itemheight=7;
orientation="vertical";
aI("text=Overview;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Technical Information;showmenu=Techinfo;");
aI("text=Case Studies;showmenu=CaseStud;");
aI("text=Related Products;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Flyers;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Seminars;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Downloads;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Links;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Request Information;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");
aI("text=Contacts;url=http://10.1.1.4/domino/html/Homepage.nsf/Products?OpenForm;status=Roger Bullivant Limited;");

}

with(milonic=new menuname("Techinfo")){
style=menuStyle;
aI("text=T3 Tee Beam Foundation System;url=http://drakelowd/domino/html/Homepage.nsf/T3TeeBeam?OpenForm;");
aI("text=T4 Tee Beam Foundation System;url=http://drakelowd/domino/html/Homepage.nsf/T4TeeBeam?OpenForm;");

}

with(milonic=new menuname("Casestud")){
style=menuStyle;
aI("text=High Ground Water Levels;url=http://10.1.1.4/web/productsandservices/foundations_floors/CS12.pdf;");
aI("text=Infilled Land;url=http://10.1.1.4/web/productsandservices/foundations_floors/RB SMETHWICK CASE STUDY1.pdf;");
aI("text=timber-framed Homes;url=http://10.1.1.4/web/productsandservices/foundations_floors/CS9.pdf;");

}

drawMenus();

Thanks

Martyn

Poster: Maz
Dated: Thursday March 25 2004 - 18:50:15 GMT

Try removing all he line spaces between your main styles, then you see you have borderwidth=1 and borderwidth=0

maz

Poster: John
Dated: Thursday March 25 2004 - 19:26:08 GMT

The margins and padding I was talking about are those for the document, not the menu. These can be set to 0 in a stylesheet or in the <body> tag. Again, without being able to see the page, it's tough to tell exactly what you're having a problem with.

Poster: kevin3442
Dated: Friday March 26 2004 - 1:15:00 GMT

Hi Martyn,

Bet you only see that in IE5.5+

It's the overfilter setting in your menuStyle. In the overfilter, you have

Code:

Shadow(color='#c0c0c0', Direction=259, Strength=0)

Two things about this:

(1) You have Strength set to 0, which I take it to mean that you don't want a shadow?

(2) Even though Strength=0, it still apparently exerts a 1px effect. The direction of the effect is specified by Direction=259... that puts the shadow at 259 degress (0 degrees = 12:00), so your shadow is heading toward the left of your menu... pushing it over. Remove

Code:

Shadow(color='#c0c0c0', Direction=259, Strength=0)

from the overfilter if you don't want a shadow, or adjust Direction and Strength to suit.

Kevin

Poster: mpicton
Dated: Friday March 26 2004 - 10:57:11 GMT

Thanks Kevin. Your answer solved all my problems.

Thanks to all for your help.

regards

Martyn

Industrial Strength JavaScript and DHTML Menus

Screen positioning the menu

Screen position