Rory@ leftangle wrote:
> I want to use Alistapart horizontal drop down menu
> http://alistapart.com/articles/horizdropdowns/
>
> However, can you tell me the correct inheritance syntax so that this
> ul navigation list and its nested lists can be differentiated from a
> default ul which maybe used in a cms system by a non coder.
Use the id on the "nav" list as target, like so...
ul#nav {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
ul#nav li {
position: relative;
}
ul#nav li ul {
position: absolute;
left: 149px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
ul#nav li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
ul#nav li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover
Styles */
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#nav li:hover ul, li.over ul { display: block; } /* The magic */
...and that's the only list that will get those styles.
Specificity should be high enough to keep general list-styles from
interfering in most cases, but someone may of course add the whole
parent-range back to the html element as selector for another list and
mess up something in yours.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
