Mainmenu item seperation

Poster: selvan777
Dated: Wednesday January 7 2009 - 15:36:01 GMT

Hi,

I have eight buttons on the main menu.

How do I make it so each is separated by 5 pixs horizontally? Do I call for the menu eight times in the page? And, if so, do I call for all the modules or do I call for eight separate data files? I would like to also have each of the eight buttons float into place randomly one after the other.

What's the best option to accomplish this?

The menu is here: http://members.lycos.co.uk/surfto/tweaks.htm#_._90

Thanks

Re: Mainmenu item seperation

Poster: Andy
Dated: Friday January 9 2009 - 15:23:44 GMT

Have you tried using rawcss?

something like this: rawcss=0px 5px; might work

-- Andy

Re: Mainmenu item seperation

Poster: selvan777
Dated: Friday January 9 2009 - 16:48:39 GMT

Hi and thanks.

I tried it here and the menu did not show:
with(StyleMain=new mm_style()){
onbgcolor="#C1D2EE";
oncolor="#000000";
offbgcolor="#EFEDDE";
offcolor="#000000";
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
separatorcolor="#EFEDDE";
separatorsize="3";
padding=3;
fontsize="75%";
fontstyle="normal";
fontweight="normal";
fontfamily="Tahoma,Helvetica,Verdana";
subimage="menu/images/ArrowDown.gif";
subimagepadding="2";
onborder="1px solid #316AC5";
offborder="1px solid #cccccc";
rawcss=0px 5px;
}

I tried it here and the menu did not show:
with(milonic=new menuname("Main Menu")){
style=StyleMain;
top=200;
screenposition="center";
alwaysvisible=1;
followscroll="1";
orientation="horizontal";
margin=4;
rawcss=0px 5px;

I tried it here and the menu showed with no change:
with(milonic=new menuname("Main Menu")){
style=StyleMain;
top=200;
screenposition="center";
alwaysvisible=1;
followscroll="1";
orientation="horizontal";
margin=4;
aI("text=Home;rawcss=0px 5px;image=menu/images/MainHome.gif;tooltip=I\\'m best viewed using an \\\"Ad-Blocker\\\" & with a screen resolution of 1400 x 1050 pixels;tipdelay=050;tipmenu=Bubbletip;url=http://lastborns.surf.to;");
aI("text=Tweaks;rawcss=0px 5px;image=menu/images/MainTweaks.gif;url=http://members.lycos.co.uk/surfto/tweaks.htm;showmenu=Tweaks;");
aI("text=Surfin' Essentials;rawcss=0px 5px;image=menu/images/MainSurfin.gif;showmenu=Essentials;");
aI("text=The Best...;rawcss=0px 5px;image=menu/images/MainBest.gif;showmenu=Best;");
aI("text=Photo Albums;rawcss=0px 5px;image=menu/images/MainAlbum.gif;tipdelay=050;tipmenu=Bubbletip;showmenu=Pictures;");
aI("text=Relatives;rawcss=0px 5px;image=menu/images/MainRelatives.gif;showmenu=Relatives;");
aI("text=Credits;rawcss=0px 5px;image=menu/images/MainCredits.gif;tooltip=All thanks to those who give freely;tipdelay=050;tipmenu=Bubbletip;showmenu=Credits;");
aI("text=Mail;rawcss=0px 5px;image=menu/images/MainMail.gif;url=http://members.lycos.co.uk/surfto/fb.htm;");
}

Where exactly should I try it?

Thanks.

Re: Mainmenu item seperation

Poster: Andy
Dated: Monday January 12 2009 - 15:08:50 GMT

There's a syntax error in your menu data.

Note that if you are declaring values for a menu or a menu style you need to enclose the value inside quotes, like this:

rawcss="0px 5px";

However, you do not need the quotes if you are declaring the value inside a menu item (aI string) because it's already inside quotes.

Also, you can declare values for either a menu style or a single menu item so it doesn;t matter where you put it as long as the syntax is correct.

rawcss="0px 5px"; for a menus style
rawcss=0px 5px; for a menu item

HTH,
Andy

Re: Mainmenu item seperation

Poster: selvan777
Dated: Monday January 12 2009 - 19:43:04 GMT

Hi and thanks for the support.

I'm a bit confused so please bare with me.

In cleaning up the data file I found where the rules don't seem to apply to all entries like followscroll=, style=, borderwidth=, padding=, etc. But in playing with it all, I found changing borderwidth from 1 to -5 in the menu style "Main" gave me the separation I was looking for from the main menu to the first level sub menus after failed results from using rawcss again.

Could you please look over my data file again and let me know how I can further clean it up and then address the issue as to how I can make each button on the main menu appear floating separately? Also, when you go to The Best, Screen Saver Toggler, why does the image change on mouseover when other inages using the same menu style does not?

Thanks again for the help.

The menu is here: http://members.lycos.co.uk/surfto or http://members.lycos.co.uk/surfto/menu/menu_data.js

Re: Mainmenu item seperation

Poster: Ruth
Dated: Monday January 12 2009 - 22:52:16 GMT

Hi,

1. I downloaded your link and I don't see any borderwidth="-5"; However, I see you put in separatorsize=5 and made the background color the same as the offbgcolor, that also will split them apart. As to the rawcss, the property that was being called in that rawcss wasn't there, i.e. rawcss="padding:0px 5px";

2. In the style area, or in the menu area excluding the style= property any property that has other than just a number takes quotes.

So, if you say borderwidth= and use only the number 1 then it is borderwidth=1; however if you decide to specify px, or em, or pts then you need quotes borderwidth="1px"; So, margin=1; but margin="1px";

3. in the items themselves you don't use quotes since they are already there. So, for example



Hope this helps.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Tuesday January 13 2009 - 0:50:42 GMT

Hi,

Thanks for clarifying the use of quotes, I've made notes to myself in the data file.

After applying the below from the other post, I put borderwidth back to 1.

top="offset=5";
left="offset=5";

Since that took care of properly separating the 1st level subs from the horizontal main is there still a need to use rawcss?

Re: Mainmenu item seperation

Poster: Ruth
Dated: Tuesday January 13 2009 - 15:23:48 GMT

Hi,

No, it's better to use the top="offset=" to do the offset for the subs from the main horizontal menu.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Tuesday January 13 2009 - 16:14:25 GMT

Hi,

Yes, that's what I meant. I put borderwidth back to it's original value of 1 and used the top="offset=".
http://members.lycos.co.uk/surfto/menu/menu_data.js

I'm not sure why the borderwidth changing from 1 to -5 did it for me but the important thing is that I've now learned the proper way of offsetting a vertical menu coming off a horizontal menu.

Since _subOffsetTop=5 is a sort of global entry for all subs off of a vertical, is there such an entry for all subs off a horizontal?

Thanks.

Re: Mainmenu item seperation

Poster: Ruth
Dated: Tuesday January 13 2009 - 17:29:46 GMT

No, there isn't. I'm not into programming, but I think it never got created because it would take so much programming and also increase the size of the program when it was possible to use the already existing top=/left="offset properties to do what was necessary. I know one of the considerations is trying to keep the menu program size as small as possible while including so many options for design and functionality.


Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Tuesday January 13 2009 - 18:06:24 GMT

Sounds like a good game plan to me! After all, it's all about speed...

What about making each button on the main horizontal menu appear floating separately like as if there were 8?

Also, when you go to my page and mouse over to "The Best, Screen Saver Toggler", why does the pop image change on mouseover when other pop images using the same menu style at "Photo Albums" do not?

The menu is at http://members.lycos.co.uk/surfto/

Thanks.

Re: Mainmenu item seperation

Poster: Ruth
Dated: Wednesday January 14 2009 - 3:28:12 GMT

Hi,

The problem with that image is that it has transparency so when you mouseover the onbgcolor is showing in the transparent areas. To fix that, go to that menu and it should look like this



all you did was make it so that on mouseover the bgcolor stays the same as it was in the offbgcolor mode.

As to the other about separate floating items. I'm not sure what you mean. Do you want each item to be it's own menu? You can do that, you can set it as popups, but that would mean changing your format and creating say a table with the requisite number of cells i.e. 8 separated as you want them, and then you'd put each image in each table cell and then use the popup menu setup instead of having a main menu like you have with all the colors and such. There is a sample here http://www.milonic.com/menusample24.php It allows you to set a 'popup' call for a submenu from an image. The top green 'text' names Milonic, Partners etc, there are transparent images next to each name and the submenus are called to show up below the text. In the middle of the page is an actual Milonic logo and a submenu shows when you mouseover it. That's the only way I know to do what you want, unless I am not understanding what you're asking.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Wednesday January 14 2009 - 8:52:24 GMT

Hi,

Thanks again. I removed the transparency instead of adding onbgcolor.

That sample you linked to is what I'm talking about but changing my format and doing all that is a bit much so I did some playing around with the data file and was able to get the horizontal main menu items separated but I can't figure out how to center them as a whole using something like screenposition="center" rather than, say, left=200.

1. I'd like to have the 1st item (Home) center itself and then have the 2nd item (Tweaks) offset itself by 5px and then have the 2 items center themselves and then have the 3rd item offset itself by 5px and then have the 3 items center themselves and so on and so on.

2. How do I delay the 2nd item from appearing by 1sec after the 1st, and then the 3rd by 1sec after the 2nd, etc?

3. how do I make each come into place using different effects like fade-in, or float from the right or left, or bottom or top, etc?

A sort of animated assembly of the menu with variables for speed and effects.

I'll keep playing with it to see if I can figure it out....if it's even possible!

test page:
http://members.lycos.co.uk/surfto/test/fb.htm#_scroll

original page:
http://members.lycos.co.uk/surfto/fb.htm

Re: Mainmenu item seperation

Poster: Ruth
Dated: Wednesday January 14 2009 - 18:06:43 GMT

Hi,

I can figure out the 1st item with a little playing around, but it's not possible to do the others. With 2 and 3 you are trying to treat each item as if it is a separate menu and they are not, they are only separate items. The things like fade in and such are Microsoft Transitions and Filters, they only work in Internet explorer [though I think you can get some things applied for other browsers using some kinds of js functions] however you can't get them to apply to each item, those MS Filters and transitions, or if you found some js function that would work for other browsers for some effects would apply to the menu not the things inside it.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Wednesday January 14 2009 - 18:43:10 GMT

When you said you could figure out the 1st item are you referring to centering? Regarding centering, never mind the delays and transitions, my problem is that if I use screenposition="center" for each, they end up like a pyramid stacked up on each other, understandably so. And if I use left=x like I am, it will be dependent on the viewers screen resolution causing it to not be truly centered. So I'm hoping to be able to screenposition="center" the 1st horizontal menu and use offsets off that 1st for the remaining horizontal menus.

It's probably my lack of understanding but I thought with the way I have the data now, they are separate menus using the the same menu style. If not, perhaps I should write the data so they are separate menu's enabling a more feature rich menu?

Those effects, I was actually only referring to the 8 main menu's (or items?) and not what's in them (as in 'XP Pro Tweaks', Firefox v3 Tweaks', etc). None the less, I guess it would take third party js usage.

Thanks

Re: Mainmenu item seperation

Poster: Ruth
Dated: Wednesday January 14 2009 - 21:39:02 GMT

Hi,

What I see when I go to the two pages are two totally differen things. What I need is for you to give me the page on which you want the menu so I have the final layout where the menu is going to be, and then tell me which menu [I am assuming that what you want is the latest one, the one where the items are apart, I note you have them set as each item is its own menu, which is fine] Anyway, it would do no good to work on that test page set up and fix it how you like it and then have you move it and it not look right because the final page is a different layout. So, if you can give me the actual layout where it will appear, I think I can actually set it up how you want it, even with all the fancy transitions and such

I have the menu files, and that data file from that test/ scroll page so I only need what the layout will be where you want it to appear. So, is that test page, the first link to the #scroll thing the correct layout? If so, I'll work on that

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Wednesday January 14 2009 - 23:50:18 GMT

Hi Ruth,

Thanks, that's great.

Please work on this one below where the page has a date and time stamp of 1/14/2009 2:56 PM
Take the test.htm out and you'll have the menu directory for the data file.
http://members.lycos.co.uk/surfto/test/test.htm

I plan on using the menu at my web page(s):
http://members.lycos.co.uk/surfto/index.html
http://members.lycos.co.uk/surfto/tweaks.htm
http://members.lycos.co.uk/surfto/fb.htm
http://members.lycos.co.uk/surfto/fb_error.htm

Thanks

Re: Mainmenu item seperation

Poster: Ruth
Dated: Thursday January 15 2009 - 3:21:38 GMT

Hi,

OK, this is long, but I put everything into a zip file. When you get it just upload the page to the same place you have the test page, and upload the files to the same place you have the menu files. The test page I created has a call for the correct menu files in the right places. In order to do this I created 9 separate main data files and a subs data file. The calls for the program files and the subs_data.js file are the first thing after the body tag, the calls for each main file, named home_data.js, tweaks_data.js and so on, are in the table. The table consists of 9 cells, one data file to each cell, it is then surrounded by a wider table, this is necessary to allow the scrolling div to correctly center the menus.

http://support.milonic.com/ruth/selvan.zip

The only way I could get it to do what you want, which is to have it do the fancy things like slide and such and to also scroll and position as you wanted was to make the main menus relative positioned in a table. Then in order for them to scroll since relatively positioned menus won't scroll on their own was to place them into a scrolling/floating layer so that the layer scrolls. Now, it is set at the bottom of the page since that seemed to work best because of the ads at the top. However, if you want it at the top you can do that, but there is a caveat. Unlike the full menu that scrolls which you can position say at top=200; and it starts at 200px down when the page is loaded but ends up right at the top of the page as you start to scroll, the scrolling/floating layer won't do that. You can only set its position and when you scroll it will always be that many pixels from the top of the page. That's why I put it at the bottom, but if you want it at the top, then open the page and find in the head section the script function for that floating/scrolling div from EchoEcho.com --(its just above the <!--[if gte mso 10])-- and change the floatY=30; to floatY=200; and right below that find the valign="bottom"; and change it to valign="top";.

Anyway, you should be able to figure it out from what I put in the file, it has the page and all the data files, and since I used your page and just did a copy paste then all the links are correct, like the one on the test page.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Thursday January 15 2009 - 6:10:10 GMT

Thanks Ruth.

It will take some time for me to play with all this now but I'll be sure to return with questions.

Thanks again.

Selvan

Re: Mainmenu item seperation

Poster: selvan777
Dated: Thursday January 15 2009 - 14:39:52 GMT

Hi,

I've got the page uploaded to http://members.lycos.co.uk/surfto/test/ ... scroll.htm

In IE there is a larger gap between "Tweaks and Surfin" and "Credits and Mail" as compared to the others.
In FF all the gaps are ignored and the menu is left positioned.

Having it stuck at 200/xxx pixs down would not look right on tweaks.htm so using this method I want to leave it at the bottom. That said, could you please make it so the subs open upward rather than down? Also, does it have to be an absolute bottom or can it be like5 pixs up from the bottom?

Could you tell me what all this is below </html> ?

Thanks

</html>

</pre></xmp></noscript>

<script language="javascript" src="http://ads.tripod.lycos.co.uk/ad/popunder_lycos_update.php?cat=memberpages.other&CC=uk"></script>

<!-- START RedSheriff Measurement V5.01 -->
<!-- COPYRIGHT 2002 RedSheriff Limited -->
<script language="JavaScript" type="text/javascript"><!--
var _rsCI='lycos-uk';
var _rsCG='0';
var _rsDT=1;
var _rsSI=escape(window.location);
var _rsLP=location.protocol.indexOf('https')>-1?'https:':'http:';
var _rsRP=escape(document.referrer);
var _rsND=_rsLP+'//secure-uk.imrworldwide.com/';

if (parseInt(navigator.appVersion)>=4) {
var _rsRD=(new Date()).getTime();
var _rsSE=0;
var _rsSV='';
var _rsSM=0;
_rsCL='<scr'+'ipt language="JavaScript" type="text/javascript" src="'+_rsND+'v5.js"><\/scr'+'ipt>';
} else {
_rsCL='<img src="'+_rsND+'cgi-bin/m?ci='+_rsCI+'&cg='+_rsCG+'&si='+_rsSI+'&rp='+_rsRP+'">';
}
document.write(_rsCL);
//--></script>
<noscript>
<img src="//secure-uk.imrworldwide.com/cgi-bin/m?ci=lycos-uk&amp;cg=0" alt="">
</noscript>
<!-- END RedSheriff Measurement V5 -->

Re: Mainmenu item seperation

Poster: Ruth
Dated: Thursday January 15 2009 - 18:53:55 GMT

Hi,

I don't see a larger gap on IE6. I can only suggest you go into that table and make each td cell that has a data file in it a fixed width so you can make them the size you want if you are seeing that in your IE

I can't fix the firefox since it seems it is ignoring the width="100%"; in that table. I tried everything I can think would do something. I even tried to set the layerwidth up at the top in the head section to 1400 and the table still stayed the same size it is. It only does it in FF3+ and Opera9+, in all the others it works like it does in IE, NN9, 7.2, Safari, FF2 version. So, I don't know what to tell you on that. You can try to set the width of the table which has the width="100%" to width="1100px". That would probably make it OK in about 60% of your visitors since most screen resolution statistics I've found show that it's about that percentage of users on the web that have 1200 or less on their resolution.

I forgot that I put the menu into that EchoEcho floating layer, so it isn't reading the page, but the layer and just opens down. Set each of the subs that open off the main horizontal menus to openstyle="up"; As an example, the tweaks submenu would look like this [do the same for the other main menu subs



As to what that stuff is, don't ask me, it's something your site generates. I just did a view source and copied and pasted the page so I could give it back to you with the correct paths on things. I don't suggest you use that page, it was only so you could see how to put the function and the tables and such in your layout.

Please be aware that this function I found has nothing to do with Milonic, I just tried to find something quickly you could use to do what you want. I am still working on it, and I think I have a better solution that is done just from the menu, and not having to use that other stuff, but it will take time. I probably won't have it ready until later today. I just gave you something that you could see and use right now. I think what I'm doing will work better and it will be the same as what you see now, but it will center on the page and it will only be the menu .

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Thursday January 15 2009 - 20:39:21 GMT

Ruth, you're the best, thanks for all this work.

With the new being in just the menu excites me because with the way it is now, I can't do much editing using Word and still have a working page. I know Word is not the best choice for html but, hey, it's free since I already have it.

Thanks again.

Re: Mainmenu item seperation

Poster: Ruth
Dated: Thursday January 15 2009 - 22:51:29 GMT

I do not believe this, I lost everything I had written grrrr.

OK, here is a link to a file with a new page, new data file and one image. I think it does what you want, but not at the bottom of the page. It is at the top at 200px but when it scrolls it stays right at the top, not at 200px when you scroll down. Unzip the file and put the page where you put the other one, put the data file where you have your data files, and put the blank.gif in the images folder.

http://support.milonic.com/ruth/selvan1.zip

Two things to note:

1. on the page you'll see an addition to your css codes. Look at the bottom where the div.Section1 is and you'll see two classes I created. Those were created to do borders around the items.

2. in the ruth_data.js file you'll see that off and on border has been removed and offclass and onclass have been added using those classes I created.

The reason for the creation of the classes is that the borders did not look right after I made the menu looks like the items were spaced apart. In order to get that look I had to add menubgcolor="transparent"; if you do not specify a color menubgcolor by default is same as the offbgcolor, so to get that spaced out look I made the menubgcolor transparent and added items of type=header so they wouldn't react on mouseover between each of the main menu items. Once I did that, the borders around the items didn't look as if there were borders since they were no longer sitting in that tan color. So, by creating css borders I could control the color of top right bottom left borders and I set the offclass border to outset so it looks kind of like a button and the onclass border to inset so it looks as if it depresses when you mouseover it.

I also but an outset border around the full menu, that is set in the style section and if you don't like showing the menu container border just change the borderwith in the style section to 0. You see, the border code refers to the actual menu container, while offborder, onborder or borders using offclass and onclass put borders around the items, not the menu.

Below are some links that are good references

1. this is an interactive demo where you can apply different transitions and filters to the menu on the page and see how they look.
http://support.milonic.com/demos/filters/index.htm

2. This is an explantion and examples of doing borders and the different looks you can get http://support.milonic.com/beginners/borders.htm

3. This is an explanation and some examples of using css to style the menu. At the bottom is a link to examples http://support.milonic.com/beginners/css_styling/

4. This is a beginners forum with explanations and samples on doing various things viewforum.php?f=14

Hope this helps

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Friday January 16 2009 - 7:35:04 GMT

This is fantastic Ruth, I love it.

I can't wait to start playing with this.

Thank you ever so much.

Re: Mainmenu item seperation

Poster: Andy
Dated: Friday January 16 2009 - 12:59:12 GMT



Don't you just hate it when that happens

If it's a long post I sometimes copy the text into a new temporary email box with Outlook Express, run spell check and leave it open until it's submitted correctly.

But it still gets me from time to time

Re: Mainmenu item seperation

Poster: selvan777
Dated: Friday January 16 2009 - 14:42:03 GMT

Hi,

Well, here it is on the test page with just a few minor changes for now. Tell me, if I use fontfamily="Verdana,Trebuchet MS,Helvetica"; would that be correct or do I need to change that code to accommodate this space after Trebuchet ?

It just too too bad that Firefox does not recognize these MS Filters.

http://members.lycos.co.uk/surfto/test/ruth_test.htm

Re: Mainmenu item seperation

Poster: Ruth
Dated: Friday January 16 2009 - 17:10:45 GMT

I have no idea about the Trebuchet, I don't know what space you mean. The menu will resize depending on the font and font size of the user. You can't really control what the user has as to font unless you use only images which isn't good for anyone who has vision issues.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Friday January 16 2009 - 18:48:27 GMT

I'm just asking whether or not that is correct coding as far as Milonic's ability to read the line? Being that I don't have an example to see that uses a font named with two words I'm concerned about a typo. Tried testing it locally but it's practically impossible.

It's my understanding that those are just font choices as in first, second and third of my choosing for the viewerr. If the viewer doesn't have Verdana installed it will attempt to use Trebuchet, if that's not installed, it will attempt the third choice and if that fails it will default to what ever is set locally if not forced to by the user to begin with anyway.

Re: Mainmenu item seperation

Poster: selvan777
Dated: Friday January 16 2009 - 20:09:36 GMT

Oops, I got it!

Changed my browser options to let pages choose their own fonts and it does display each of the three when rotated to the first choice.

Thanks.

Re: Mainmenu item seperation

Poster: selvan777
Dated: Saturday January 17 2009 - 15:34:16 GMT

Just wanted to say that I've moved everything because my previous server is closing shop.
http://lastborns.esmartweb.com/test/ruth_test.htm

Re: Mainmenu item seperation

Poster: selvan777
Dated: Tuesday January 20 2009 - 15:40:39 GMT

Hi Ruth,

I've finally applied the code to my pages and they look great with that 3D looking buttons although I want to pick a better group of colors.

I have a question, is there a more MS Word friendly way of inserting those 2 Classes? As is, I always have to use the text editor to re-insert them.

Thanks.

Re: Mainmenu item seperation

Poster: Ruth
Dated: Tuesday January 20 2009 - 17:10:42 GMT

Hi,

I don't see the 3d look because I don't see the class on that link. The only one I see is a p.menubord using the li. And, the data file is not an li set up nor does it do paragraphs which is what the p stands for, I think. I don't know anything about MS Word so I can't help you there. You could of course create a separate style sheet and call it. That way your styles would be in a separate linked file. Or you could leave the style you have as it is and also make a separate style sheet with just the class for the menu in it and call that in the head of the document.

So, let's say you put this in a separate file, [or whatever you have it set up as]



save the file as menuclass.css. Then on your page in the head section just call that style sheet

<LINK href="menuclass.css" type=text/css rel=stylesheet>

That's the only thing I can suggest you try since I don't know the MS word thingee.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Tuesday January 20 2009 - 18:44:35 GMT

Sorry, try going here and refresh the page a couple times and you should see it. It's the one you created for me but without the outset border around the full menu.

http://lastborns.esmartweb.com

Putting the 2 classes into a separate menuclass.css did the trick.

Thanks again Ruth.

Re: Mainmenu item seperation

Poster: Ruth
Dated: Tuesday January 20 2009 - 21:47:23 GMT

That did the trick, it looks great. Except you have a --> showing on the page at the top left just below the title. It's coming from a paragragh code on the page just below the div class=section1 area the code on the page is and is showing that two dashes and arrow right line.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Wednesday January 21 2009 - 0:29:33 GMT

Oops, how'd that get in there!

Thanks again Ruth, I took care of it but could I ask you one more thing please?

I'm having a margin=4 problem on the sub Tweaks and XPProTweaks. When I restart my browser and first mouse over the main item Tweaks, the first level sub (Tweaks) shows with what looks like a margin of 25 but only to the right of the right-arrow and not the other 3 sides. I mouse off and back on and it's corrected to 4. The same happens to the second level sub (XPProTweaks) where there are right-arrows too.

Hmm, did I just answer my own question!

The right-arrow is 13 x 8 and the down is 8 x 13, is it necessary to have them both at 13 x 13 to prevent this? I would think not, right?

http://lastborns.esmartweb.com you might need to refresh it a couple times

Re: Mainmenu item seperation

Poster: Ruth
Dated: Wednesday January 21 2009 - 2:07:14 GMT

Hi,

No, the image sizes should have nothing to do with it. I'm not seeing the problem in IE, only in FF. You could try setting a menuwidth in that tweaks submenu, menuwidth=140; I think that is about right. Try that and see if it fixes the issue for you. That's the only thing I can think to do. Or add the buildAfterLoad=true up at the top, which means the menu won't be built until the page is fully loaded, but given you have ads on it, that means a long wait for the menu, I think.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Sunday January 25 2009 - 16:43:15 GMT

Hi Ruth,

I applied the menuwidth=160; to take care of the white space after the arrow-right but now, since changing the color scheme, I also see a white space at the bottom (it was always there but hidden due to the color scheme). I tried using menuheight=60; but get a java error "null". How do I accomplish the same for the height of that sub "tweaks" (and any other)?

Thanks.

you may need to refresh it a couple times
http://lastborns.esmartweb.com

Re: Mainmenu item seperation

Poster: Ruth
Dated: Monday January 26 2009 - 16:16:58 GMT

Hi,

Instead of menuheight=60; try putting in itemheight=30; See if that fixes the issue

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Monday January 26 2009 - 22:54:31 GMT

Hi,

I had to go all the way to 45 to get rid of the white space at the bottom of all 1st level subs. The 2nd and 3rd levels don't seem to have this problem.

I hope this is a bug that will be fixed for Firefox users because all that spacing sure makes for a not so attractive menu.

http://lastborns.esmartweb.com

Thanks

Re: Mainmenu item seperation

Poster: Ruth
Dated: Tuesday January 27 2009 - 2:42:47 GMT

Hi,

Is there a way that you can leave one of those so it shows the problem. I need to post it to Milonic since I cannot find a fix and they need to be able to see it.

Ruth

Re: Mainmenu item seperation

Poster: selvan777
Dated: Tuesday January 27 2009 - 6:53:28 GMT

You bet, here it is with all menuwidth and itemheight removed.

http://lastborns.esmartweb.com/test.html
http://lastborns.esmartweb.com/test_fil ... nu_data.js

Re: Mainmenu item seperation

Poster: selvan777
Dated: Wednesday January 28 2009 - 15:16:06 GMT

Hi,

I just noticed this morning that when I moused over "Relatives" I still got about 5px white space on the right even with menuwidth and itemheight in place.

http://lastborns.esmartweb.com

Thanks.