pagebold

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

pagebold

Poster: odt
Dated: Friday March 23 2007 - 22:10:22 GMT

I have a request to change the font to bold for the currently selected page. I have tried using pageclass and setting the font-weight, and also tested pagebold just in case - but to no avail.

Is this possible?

Thanks

Owain

Poster: Ruth
Dated: Friday March 23 2007 - 23:05:29 GMT

Hi,

We're going to have to see the page. I just tried it and it worked fine, so we have to see what else may be causing the problem.

Ruth

pageBold

Poster: odt
Dated: Saturday March 24 2007 - 8:44:43 GMT

Ruth

The URL is:http://www.david-maude.com/test.html

At the moment it is using onbold for the normal behaviour, and css font-weight in the page-on style. I have also tried to use css only but to no avail.

Many thanks

Owain

Poster: Ruth
Dated: Sunday March 25 2007 - 7:15:07 BST

Hi,

Well, it seems that the menu doesn't like you to put the font stuff in the data file and then just set the font-weight: bold in the css, so try this: make your menu css classes the following

Code:

.menuOff {
   PADDING-RIGHT: 8px; BACKGROUND-POSITION: right top; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(ttab.gif); BORDER-LEFT: #999999 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff;font-family: Verdana, Tahoma, Arial; font-size: 14px; font-style: normal; font-weight: normal;color: navy;
}
.menuOn {
   PADDING-RIGHT: 8px; BACKGROUND-POSITION: right top; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(ttab.gif); BORDER-LEFT: #999999 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffff99;font-family: Verdana, Tahoma, Arial; font-size: 14px; font-style: normal; font-weight: bold;color: navy;
}
.menuPage {
   PADDING-RIGHT: 8px; BACKGROUND-POSITION: right top; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(ttab.gif); BORDER-LEFT: #999999 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffff99;font-family: Verdana, Tahoma, Arial; font-size: 14px; font-style: normal; font-weight: bold;color: navy;
}

And make your menuStyle this:

Code:

with(menuStyle=new mm_style()){
align="center";   
itemheight="26px";
offclass="menuOff";
onclass="menuOn";
pageclass="menuPage";
itemwidth=170;
}

That seems to fix it. You could also put the align into the css if you wanted, alignment I think it is in css. I'm not sure about height and width, you could test that and see. You might end up being able to all the menuStyle in the css file and only call the offclass/onclass/pageclass in the data file

Ruth

Industrial Strength JavaScript and DHTML Menus

pagebold

pageBold