Greetings All
I am currently developing a menu that uses a nested <ul> within an <li>,
nothing new here. However, what I want to do is that when the <li> is
clicked the nested <ul> should show and push down the rest of the
'top-level' <li> elements not, display over them. Anyone knows of a
tutorial etc. on this using CSS?
What I have so far is:
#navigation {
background-color:#84adc6;
position:relative;
float:left;
margin:0;
padding:0;
width:150px;
}
#navigation ul {
margin:0;
padding:0;
list-style:none;
}
#navigation li {
padding-top:5px;
padding-right:5px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
height:20px;
text-align:right;
}
#navigation li a:link, #navigation li a:visited {
padding-top:5px;
padding-right:5px;
height:20px;
text-align:right;
}
#navigation li ul {
position:relative;
top:0;
display:none;
}
#navigation li:hover ul {
display:block;
}
Thanks in advance.
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
