bottom border

[ran]

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

Code: Select all

{
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

[vikenk]

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.

[ran]

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

[Ruth]

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

<li><A href="#"></a></li>

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