Screen positioning the menu

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
mpicton
Advanced
Advanced
Posts: 11
Joined: Fri Jan 09, 2004 9:33 pm
Location: UK

Screen positioning the menu

Post by mpicton »

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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Without seeing the document it's a little tough to tell. Are document margins and padding set to 0?
John
mpicton
Advanced
Advanced
Posts: 11
Joined: Fri Jan 09, 2004 9:33 pm
Location: UK

Screen position

Post by mpicton »

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.ns ... atus=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.ns ... atus=Roger Bullivant Limited;");
aI("text=Flyers;url=http://10.1.1.4/domino/html/Homepage.ns ... atus=Roger Bullivant Limited;");
aI("text=Seminars;url=http://10.1.1.4/domino/html/Homepage.ns ... atus=Roger Bullivant Limited;");
aI("text=Downloads;url=http://10.1.1.4/domino/html/Homepage.ns ... atus=Roger Bullivant Limited;");
aI("text=Links;url=http://10.1.1.4/domino/html/Homepage.ns ... atus=Roger Bullivant Limited;");
aI("text=Request Information;url=http://10.1.1.4/domino/html/Homepage.ns ... atus=Roger Bullivant Limited;");
aI("text=Contacts;url=http://10.1.1.4/domino/html/Homepage.ns ... atus=Roger Bullivant Limited;");

}

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

}

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

}


drawMenus();



Thanks

Martyn
User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz »

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

maz
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

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.
John
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 »

Hi Martyn,

Bet you only see that in IE5.5+ ;)

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

Code: Select all

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: Select all

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
mpicton
Advanced
Advanced
Posts: 11
Joined: Fri Jan 09, 2004 9:33 pm
Location: UK

Post by mpicton »

Thanks Kevin. Your answer solved all my problems.

Thanks to all for your help.

regards

Martyn
Post Reply