ugeb
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
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
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!
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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 }