pagebold

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
odt
Beginner
Beginner
Posts: 4
Joined: Fri Jul 29, 2005 12:27 pm
Location: Scotland
Contact:

pagebold

Post by odt »

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
Owain
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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
odt
Beginner
Beginner
Posts: 4
Joined: Fri Jul 29, 2005 12:27 pm
Location: Scotland
Contact:

pageBold

Post by odt »

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
Owain
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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

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

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
Post Reply