Re: [css-d] Displaying different submenus

2010-02-17 Thread Troy Harshman
There shouldn't be an issue with that, but there is one thing to keep
in mind. You'll essentially be creating a list with nested lists for
the submenus. If you use CSS, anyone that views the site in plain HTML
without styles will see the entire list on every page. If you're fine
with that then you would really just need to use display:none and
display:block with unique ids to create the effect.

So you would be looking at something like this:

#home-sub {display:none;}

#home #home-sub {display:block;}

Where #home-sub would be the id for the list that contains the home
page submenu. If my brain is working correctly this morning this
should work, but you'll have to try it out.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Displaying different submenus

2010-02-17 Thread Neil Hunt
I have read how to format the body tag and the links in a css nav menu so
that the current page button is highlighted as you travel throughout a site.


Example:
*body tag:*


*menu:*

Home
Features
Experts
Quiz
Projects
Horoscopes
 

*css formatting:*
#home #homelink {
  background-color: #ff;

*result:*
Home button would be highlighted white

Can this be further extended to also control when submenus appear &
disappear automatically without using any scripts?

I am wanting to create a navigation menu that will have submenus
appearing automatically depending on the page you are viewing while any
other submenus not related to a given page remain invisible.

Didn't know if this could be done strictly using CSS only.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/