Pure CSS fly-out menu?
I'd like to create a menu with fly-out sublevels. I've already written the main menu code but now I'm having problems with implementing the fly-out/pop-out stuff. How do I go about this?
This is the menu so far:
#nav-menu ul
{
float:left;
list-style: none;
padding: 0;
margin-left: 20%;
margin-top: 5%;
width: 100px;
}
#nav-menu li
{
margin: 0 0.15em;
}
#nav-menu li a
{
background: url(nav1.jpg) #fff bottom left repeat-x;
height: 1.5em;
line-height: none;
float: left;
width: 8em;
display: block;
color: #808080;
font-family: Century Gothic;
text-decoration: none;
text-align: center;
}
#nav-menu a:hover
{
background: url(nav2.jpg) #fff bottom left repeat-x;
color: #000000;
line-height: none;
}
The way this usually works is that the main menu is an unordered list, with some or all of its items containing other unordered lists. Using the :hover pseudo-class, you can make the inner lists pop up when their parent list items are under the mouse. For example:
#nav-menu ul li ul { display: none; }
#nav-menu ul li:hover ul { display: block; }
Obviously you still have to do the positioning and everything, but that's the basic idea.
The article at the link below has more information about this kind of thing.
Currently Available on eBay
 |
 Hardy Mach Trout Fly Line Floating All Weights  £44.99
|
 Fly Reel Alloy NEW Ex Demo Never been fished Quality Floating Line assembled UK £42.99
|
 Jim vincent RIO Spey Fly Line Tan Yellow Mid Spey Floating 427m £13.00
|
 LEEDA MAGNUM 140 D FLY REEL WITH FLOATING WEIGHT FORWARD FLY LINE 7 8 £21.00
|
 MUCILIN FLY FISHING LINE HI VIS ORANGE WF7 FLOATING £9.99
|
 Cortland 444 Classic WF8 Floating XP Taper BRAND NEW Fly Fishing Line RRP £5799 £18.00
|
 RIO Outbount Integrated Shooting Taper Floating Fly Line all size available £59.99
|
 New Airflo Ridge Pure Delta Clear Fly Line £39.99
|
 SHAKESPEARE WORCESTERSHIRE FLY FISHING LINE FLOATING WF5 WF6 WF7 WF8 NEW £18.50
|
 COMPLETE FLY FISHING SET GRAPHITE ROD REEL FLOATING BACKING LINES FLIES RY352 £23.99
|
 Rio Outbound Short Fly Line Floating WF8 GU3213 £59.99
|
 NEW SONIK SK3 FLYLINE FLY LINE WF FLOATING 7 8 FREE SHIPPING UK IRELAND £24.99
|
 GREYS GRXi FLY LINE WF9 FLOATING £2299 INC PP £22.99
|
 VISION VIBE 85 WEIGHT FORWARD FLOATING FLY LINE WF 4 5 6 7 8 CHOOSE SIZE £69.99
|
 VISION VIBE 125 WEIGHT FORWARD FLOATING FLY LINE WF 4 5 6 7 8 CHOOSE SIZE £69.99
|
 Greys Platinum DT3 Heron Grey Floating Fly Line £27.99
|
 Greys GRXi Fly Line Float Peach WF9 GRY2676 £19.99
|
 Greys Platinum WF8 Intermediate Float Grey Hi Viz Orange Fly Line £27.99
|
 AIRFLO RIDGE CLEAR PURE FLY LINE £39.99
|
 Greys Platinum WF6 Floating Hi Viz Orange Fly Line £27.99
|
 Greys GRXi Fly Line Float Peach WF7 GRY2696 £19.99
|
 Greys GRXi Fly Line Float Peach WF6 GRY2695 £19.99
|
 Greys GRXi Fly Line Float Peach WF5 GRY2694 £19.99
|
 LEEDA PROFIL FLOATING FLY LINE FOR FLY FISHING 90FT £15.99
|
 NEW AIRFLO FORTY PLUS EXPERT FLY FISHING LINE R40 EX WF8F £34.49
|
 Shakespeare Pfleuger Trion Fly Line Trout Various sizes limited stock to clear £11.99
|
 Cortland 333 Pro Fly Fishing Lines floating intermediate sink tip singing £23.99
|
 Greys Platinum WF9 Floating Heron Grey Fly Line £27.99
|
 Cortland Fly Line 444 Classic Floating DT7 Peach £36.95
|
 Leeda Profil Floating Fly Fishing Line WF5F £13.99
|
 Cortland Precision Trout Dyna Tip Western Drifter WF6 Floating Fly Fishing Line £14.49
|
 Airflo Ridge Supple Impact Fly Line Floating WF8 2010 Stock £24.99
|
 Leeda Profil Floating Fly Fishing Line WF6F £13.99
|
 Leeda Profil Floating Fly Fishing Line WF7F £13.99
|
 Leeda Profil Floating Fly Fishing Line WF8F £13.99
|
 Leeda Profil Floating Fly Fishing Line WF6I £13.99
|
And a selection of products from Amazon
 |
Fly Fishing For Trout
Sale Price: £0.01  |
 |
Steelhead and the Floating Line
Sale Price: £19.95 |
 |
About Fishing - With Diagrams and Decorations By the Author
Sale Price: £4.99 |
 |
Mullarkeys Mill End WF8 Floating Fly line
Sale Price: £3.99 |
DescriptionMill Ends Fly Lines Floating - Slight Seconds. We would specially like to draw your attention to these fly lines. Each year our sales for these lines increase. They are mill ends or slight seconds but good quality, made by a leading manufacturer... |
 |
Cortland Classic Peach XP Weight Forward Floating Fly Fishing Line #7
Sale Price: £34.99 |
DescriptionThis Cortland 444 Peach fly line is the worlds most loved floating fly line. |
 |
Turrall Translucent Knotless Tapered Floating Fly fishing Line Leader
Sale Price: £1.99 |