[Hidden-tech] Need help with subnavigation and CSS

Town Websites townwebsites at gmail.com
Tue Nov 29 17:19:59 EST 2011


Best bet is to find a working side nav that does what you want and study it.

The methodology is generally to apply a style to a second level ul or li
which hide that and lower levels, and apply another css style such as
li:hover li which enables the nested block being displayed.  You can hide by
moving the element offscreen or by using display:none.

If you want to adapt another menu to subnav and particularly if you haven't
done this before, you need to test on a lot of browsers as well as on
different page layouts, it is easy to have gotchas.

Not sure I'd want to adapt BlueBlock given that it looks like it has
multiple copies of the nav structure to implement various different colors,
I'd probably start with a working side-nav that does what I otherwise want
and is known to be sound, and then add a class to apply the different color
stying onto that.

Good luck!

Charlie



-----Original Message-----
From: hidden-discuss-bounces at lists.hidden-tech.net
[mailto:hidden-discuss-bounces at lists.hidden-tech.net] On Behalf Of Lynn
Nichols
Sent: Tuesday, November 29, 2011 11:37 AM
Cc: Hidden-Tech Tech
Subject: [Hidden-tech] Need help with subnavigation and CSS

   ** Be sure to fill out the survey/skills inventory in the member's area.
   ** If you did, we all thank you.


I've designed a navigation menu based on Mark Newhouse's Blue Blocks 
(from the Dynamic Drive library). It works great, but now the client 
wants to add sub navigation and I'm having trouble with it. I'm not an 
HTML or CSS maven... is there someone out there who is and could take a 
look?

Here's a link to the working navigation:

http://www.starstruckdesign.com/clients/hillside/hillsideinvestnav.html

And here's the CSS:

http://www.starstruckdesign.com/clients/hillside/hillsideinvestnav.css

Thanks in advance!


Lynn


-- 
Lynn A. Nichols, Starstruck Design
Gill, MA . 413-863-7752 . lynn at starstruckdesign.com
http://www.starstruckdesign.com . http://www.shopwesternmass.com






_______________________________________________
Hidden-discuss mailing list - home page: http://www.hidden-tech.net
Hidden-discuss at lists.hidden-tech.net

You are receiving this because you are on the Hidden-Tech Discussion list.
If you would like to change your list preferences, Go to the Members   
page on the Hidden Tech Web site.
http://www.hidden-tech.net/members



Google

More information about the Hidden-discuss mailing list