- This topic is empty.
-
AuthorPosts
-
November 22, 2009 at 5:02 pm #26886justbobfMember
I need some help with the side navigation.
It is an unordered list. Hovering over the first link, Logos and Trademarks, should display a second vertical menu just to the right of the blue. The second menu shows in the correct position when Display is set to Block. I set the Display to None to hide it. Now I am having trouble seeing it again when Logos and Trademarks is hovered over.
Any help would be appreciated.
LInk to the test site:
http://ifaulkner.com/testCSS/design.htmlHTML code looks like this:
Code:CSS looks like this:
Code:#sideNav {
width: 115px;
float: left;
position: relative;
}
#sideNav li {
list-style-type: none;
font: 85% Georgia, “Times New Roman”, Times, serif;
background-color: #9df;
margin: 2px 0;
}
#sideNav a {
text-decoration: none;
color: #fff;
display: block;
padding: 5px;
}
#sideNav ul {
position: absolute;
left: 115px;
top: 0;
display: none;
}
#sideNav a:hover {
background-color: #7cf;
}
#sideNav li:hover ul {
display: block;
}November 22, 2009 at 6:36 pm #66918dcp3450Participanteach submenu will need a sparate class. give the trandmark submenu a seperate class such as .sideNav_sub and use the similar properties from siteNav
November 22, 2009 at 10:48 pm #66935justbobfMemberHello. Thanks for the reply. I couldn’t get the menu to work, even with a separate class on the ul.
What I did find that works, is that the ul has to be inside the list item that triggers it. So, the above HTML code was changed to:
Code:See how </li> tag now appears after the ul that is to be the sub menu?
I’ll leave it on my test site for a couple of days in case anyone wants to see it.
Thank you, though!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.