Includes Page and CSS

  • Thread starter Thread starter Oscar
  • Start date Start date
O

Oscar

Hey - Happy Labor Day to anybody that's laboring.... I'm using "includes
page" to insert a nav menu into the pages of a new web built with FP2000.
The web also uses an external CSS file. I would like to use a different CSS
file for the nav menu, so that A:hover bolds the text on the nav menu but
not on the other content of the web pages. It works fine when I'm viewing
only the nav.htm file, but when I view the actual web page, the nav menu has
taken on the CSS file of the parent page. I played with an inline "style"
statement, but wasn't smart enough to make that work with A:hover. I'd
appreciate any suggestions for making this work. Thanks, Oscar
 
Wrap the nav menu in a <div> with an id, e.g.,

<div id="menu">yourmenuhere</div>

Create pseudo-class styles like this -

#menu a { yourstyles }
#menu a:hover{ yourhoverstyles }

Now your menu links will all be styled differently than the rest of the page
links.
 
In every page that uses the include, link to the menu CSS file, as well as
the main CSS file.

Ron
 
Thanks, Murray - That worked great, but then you already knew it would!
:-) I appreciate your help.
 
Back
Top