HV Menu text positioning

[kroma]

HV Menu
http://www.dynamicdrive.com/dynamici...menu/index.htm

the javascript includes the following var MenuTextCentered='center';

this comman makes all menu text centered. Is there any way to make the toplevel main items centered but have all sublevel items left aligned?

thanks
Philip

[jscheuer1]

You may be able to override the centering in individual sub level items using HTML in their 'TextToShow'* fields, like:

<div align=left>Sub Item Text</div>

*From config.htm file that comes with the distribution and explains all the variables and strings used.

[kroma]

You may be able to override the centering in individual sub level items using HTML in their 'TextToShow'* fields, like:

<div align=left>Sub Item Text</div>

*From config.htm file that comes with the distribution and explains all the variables and strings used.

Thanks so much, that does indeed work. It lines the text up with the extreme left of the dropdown box. Is there any way I can get a few pixels padding over on the left side?

Thanks
Philip

[jscheuer1]

Yes, if that worked, then this should too:

<div align=left style=padding-left:3px>Sub Item Text</div>

At that rate, you could save yourself some typing by putting this in the stylesheet* for the page(s) involved:


div.mnu {
text-align:left;
padding-left:3px
}

With that declaration in force, this can be used for each item:

<div class=mnu>Sub Item Text</div>

*CSS stylesheet is either an on page style section (usually in the head of the page) or an external .css file linked to your page(s).