Hi bert,
yea i've seen it done before w/o javascript but i can't find a good example.
i just want to figure out a clean way to do it only with css and display the
navigation.
i checked out your website: studioscss.com.. how is your sliding menu
accomplished. was it one of project7 tools as well?
Send
From: "Hixson, Bert (Web Considerations)"
<[EMAIL PROTECTED]>
To: "Jason Chan" <[EMAIL PROTECTED]>
Subject: Re: [css-d] Locked on hover effect with CSS horizontal drop down
Date: Tue, 12 Jun 2007 06:12:38 -0400
Hello Jason,
I am sure some of the experts in the room can write the same exact nav menu
in straight CSS. However, that particular menu you have referenced is a
combination of CSS and javascript.
That tool is Tab Bar Magic by ProjectSeven. I use several of their tools
and love them. They have also given me, as a CSS beginner, a lot of insight
into CSS.
Thank you,
Bert Hixson
www.studiocss.com
----- Original Message ----- From: "Jason Chan" <[EMAIL PROTECTED]>
To: <css-d@lists.css-discuss.org>
Sent: Tuesday, June 12, 2007 2:05 AM
Subject: [css-d] Locked on hover effect with CSS horizontal drop down
I am trying to create a navigation such as this one:
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
(NOT the tutorial but the main navigation itself. ie
Home/Products/Tutorials/Extensions/Support)
For example, the horizontal list items appear when the user hovers over
and
highlights the main nav item while also allowing the subnav items to be
clicked on.
I tried to replicate this but i can only manage to have the sub nav list
items to be displayed when the main nav items are clicked. What is the
trick
to obtaining this effect?
_________________________________________________________________
Picture this - share your photos and you could win big!
http://www.GETREALPhotoContest.com?ocid=TXT_TAGHM&loc=us
--------------------------------------------------------------------------------
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
_________________________________________________________________
PC Magazines 2007 editors choice for best Web mailaward-winning Windows
Live Hotmail.
http://imagine-windowslive.com/hotmail/?locale=en-us&ocid=TXT_TAGHM_migration_HM_mini_pcmag_0507
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/