Link to home
Start Free TrialLog in
Avatar of ugeb
ugebFlag for United States of America

asked on

How to tailor a library item's format depending on the page

Hi,

I'm developing a website in dreamweaver 8 using CSS.    I'm facing the following challenge.  I want the menu, footer, and navigation links to be the same across pages, so I want them to be in a library item.

The menu consists of a tab-like format and I want the active tab to be highlighted.  The problem is how do I make the active tab different depending on the page and still have it a library item?

If you need the reference, this is the site:
http://www.impactcollegeplanning.com/index.html

The green menu at the top is the problem, but I also want to do this for nav links on the left side.
Thanks!
Gene

Avatar of Jezcentral
Jezcentral

Put an ID in the body tag. Then define your tabs including the id:

E.g. (In case I'm not clearly explaining it)

body#page1 .tab1 { active style }
body#page1 .tab2 { inactive style }
body#page2 .tab1 { inactive style }
body#page2 .tab2 { active style }
Avatar of ugeb

ASKER

Okay, looks promising.

I'm not sure which items of what you wrote are keywords.

Can you show how to apply the css in html for when the page is active vs. inactive?

Thanks!
ASKER CERTIFIED SOLUTION
Avatar of Jezcentral
Jezcentral

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial