bottom border

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

bottom border

Poster: ran
Dated: Monday February 20 2006 - 10:18:11 GMT

hello,
on my site thescorer.com
you can see the menu on the left.

Code:

{
position="relative";

itemwidth="150px";
fontsize="11px";
fontweight="bold";
ondecoration="underline";


offbgcolor="#DEEFF8";
offcolor="#000000";

onbgcolor="#DEEFF8";
oncolor="#E21676";

outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2)";
padding=5;
separatorcolor="#B2C8D3";
separatorsize=1;

}

i want to put a bottom border, but i can't figure out how.
this is a html list based menu so i cant config each item.
thanks

Poster: vikenk
Dated: Monday February 20 2006 - 12:42:27 GMT

Hello,

When I go to your site I see a thin line under each menu item. Have you solved your issue? If not, try adding a css class to the menu. You would do this with the onclass and offclass commands.

In your style sheet, add;

.menuon {
border-bottom: 1px solid black;
}

.menuoff {
border-bottom: 1px solid black;
}

Then, In you menu_data.js file, add:

onclass="menuon";
offclass-"menuoff";

*Both* onclass and off class *must* be specified. You cannot use one without the other.

Try that and see how it works. Then, let us know. :>)

Hope this helps.

menu_data.js

Poster: ran
Dated: Thursday February 23 2006 - 16:56:23 GMT

it's an html list, i dont have menu_data.js
thats the problem, what can i do?

Poster: Ruth
Dated: Saturday February 25 2006 - 5:02:02 GMT

Hi,

Are you saying you want the same bluish line below The Scorer Odds?

The only way I can think to do that would be to have another li which is blank, nothing in it, then there would be that separator after that item The Scorer Odds

I tried adding this

Code:

and that put what looked like the same color 'border' but I'm not sure that's what you want. Of course with nothing in it, the mouse pointer didn't change, but I don't know if that is what happens in other browsers, I used IE5.5

Ruth

Industrial Strength JavaScript and DHTML Menus

bottom border

menu_data.js