Minor bugfix - Style not using correct syntax for font

Another automatic cascading menu for Actinic 5 onwards. This one allows more modern DHTML effects.
Post Reply
norman
Site Admin
Posts: 1238
Joined: Sat Feb 07, 2004 9:55 pm

Minor bugfix - Style not using correct syntax for font

Post by norman » Mon May 10, 2004 11:51 pm

In NorCascade / Styles / Text Styles you need to put double quotes around the font entries.

e.g.

.lowText { text-decoration: none; color: #000000; font: 12px "Arial, Helvetica"; text-align: left; vertical-align: middle }
.highText { text-decoration: none; color: #FF0000; font: 12px "Arial, Helvetica"; text-align: left; vertical-align: middle }

Also do the same for the entries in Button Styles

e.g.

.buttonText { text-decoration: none; color: #FFCC99; font: Bold 12px "Arial, Helvetica" }
.buttonHover { text-decoration: none; color: #99CCFF; font: Bold 12px "Arial, Helvetica"; padding: 1px }

If you have NorCascade already installed you should either re-install from this site or make the above changes to norcascade_config.ini (in C:\Program Files\NorCascade) as this is where the defaults come from when you use NorCascade on a new site.

Norman

norman
Site Admin
Posts: 1238
Joined: Sat Feb 07, 2004 9:55 pm

Better Style compatibility with Actinic

Post by norman » Fri Jul 30, 2004 9:38 am

Louise West wrote:-

My colleague was trying to change the font size / colour on a Norcascade menu and also found it was taking the default settings from the actinic.css CSS style sheet.

I found the problem is in the pop_style.css CSS style sheet included with the Norcascade menu. The style "lowText" and "highText" are set to be used on links and the style taken from the pop_style.css CSS style sheet is:

.lowText { text-decoration: none; color: #000066; font: 12px "Arial"; text-align: left; vertical-align: middle }
.highText { text-decoration: none; color: #000066; font: 12px "Arial"; text-align: left; vertical-align: middle }

However this is incorrect CSS styling. A style .lowText would be used for text. CSS styles for links should include four styles and be written differently, with an "a" at the start and one of four link stages at the end. Go into to Norcascade's "Styles" tab and in the "Text Styles" add the following code:

a.lowText:link {font-family:Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-weight: bold; font-size: 12px}
a.lowText:visited {font-family:Arial, Helvetica, sans-serif; color: #00066; text-decoration: none; font-weight: bold; font-size: 12px}
a.lowText:hover {font-family:Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-weight: bold; font-size: 12px}
a.lowText:active {font-family:Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-weight: bold; font-size: 12px}

a.highText:link {font-family:Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-weight: bold; font-size: 12px}
a.highText:visited {font-family:Arial, Helvetica, sans-serif; color: #00066; text-decoration: none; font-weight: bold; font-size: 12px}
a.highText:hover {font-family:Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-weight: bold; font-size: 12px}
a.highText:active {font-family:Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-weight: bold; font-size: 12px}

The above between the { and } brackets can be customised to suit your own website. Each of the four styles needs to be kept in the order link, visited, hover and active otherwise they overwrite each other. This also means you do not have to change the actinic.css file. Perhaps Norman would like to include the above code as a future fix.

Many thanks, Loiuse . . . Norman

AlanM
Posts: 6
Joined: Mon Mar 06, 2006 1:09 pm

Post by AlanM » Wed Mar 08, 2006 10:48 am

I have pasted the 8 lines of text into the 'text styles' box in NorCascade but still when I change the code in there for both font size and colour I get exactly the same menu. I have also tried changing the 'diagnostic' section by taking out som of the comment slashes but nothing changes in my menu.

I see no one else is really having this problem - am I missing something totally obvious?

AlanM
Posts: 6
Joined: Mon Mar 06, 2006 1:09 pm

Post by AlanM » Wed Mar 08, 2006 11:08 am

I have found the reason although it has lead to another slight problem. I have 2 sites in my Sites folder and NorCasdade has switched which site I was editing. This is why the styles are not taking effect. I basically run one atm and am editing the other in the meantime. The location has switched to my current site instead of the other.

The boxes with the address to the pop_style.css and the norcascade_pop_data.js are greyed out and I cannot change them back to the original folder. Is there a way to do this.

Again apologies as this is not relevant now to this thread but is in addition to my previous post.

norman
Site Admin
Posts: 1238
Joined: Sat Feb 07, 2004 9:55 pm

Post by norman » Wed Mar 08, 2006 3:23 pm

The NorCascade configuration program is designed to work with the current Actinic site, so is operating as designed. You only need to run it when you make design changes tro the Norcascade parameters. It doesn't need run if all your doing is making changes in Actinic.

I can't make time to answer in detail for people who haven't contributed and who don't post site details.

Try looking at your pages in Firefox and use it's Tools / JavaScript Console to get decent diagnostics (it also shows CSS errors).
Norman

Post Reply