Border-Left, Right...

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

Border-Left, Right...

Poster: scoobyood
Dated: Sunday December 28 2003 - 23:35:14 GMT

I'm attempting to create a 5-px border-left for sub-menu. But the script doesn't support border-left, bottom, right, and top, is there a turnaround to allow it to work with the menu?

Happy Holidays!

scoobyood

Poster: Ruth
Dated: Tuesday December 30 2003 - 4:01:10 GMT

Yes. In the head of your page, or in a style sheet if you use one put a style class code which you will call with an onclass/offclass in the menu style.

Code:

<html><head <style type="text/css">  .left {
border-left:#296488 5px solid;
}</style>

Then in the style code for the submenu use the onclass, offclass style ex:

Code:

with(menuStyle=new mm_style()){
onclass="left";
offclass="left";
onbgcolor="#4F8EB6";
oncolor="#ffffff";
offbgcolor="#DCE9F0";  etc., etc.,

Note that if you have a subimage in the submenu then using this will make the border in that particular item TWICE the size i.e. 10px, 5 for the menu border and another 5 for the image border when one mouses over. And, if the submenu has an image in it...one that shows as soon as the menu is visible then that section with the image will have an additional 5px in that item border. I did try it on the milonic sample, it works, and actually looks pretty good, but that sample is generic with no images, just subimages. Good Luck

Ruth

Industrial Strength JavaScript and DHTML Menus

Border-Left, Right...