Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthortechnophobe
- CommentTimeApr 20th 2006
Attached is a website I'm doing work on.
http://homepage.eircom.net/~webpage16/
As you can see my left side navigation is a bit of a mess. I'm fairly new to css and am hoping for some assistance if possible. I put the navigation into a table and then tried to get another menu extending out beside the other when the first one is hovered over. Then I switched the visibilty to hidden for the submenu when it's not being hovered over.
The css is in the head of the html if you get a chance to look at this.
I'd apprecitae help on structure both the menu and the page in a more professional way as it's a bit of a mess at the moment.
Thanks for your help.
I appreciate it. -
try this, just made it for you, no javascript, plain css, not sure works everywhere, but my firefox rendered alright
<style>
#cr{
width:60px;height:30px;
}
.alwaysvisible{background:gray; }
#cr .hovervisible{
display:none;
position:absolute;
padding-left:40px;
}
#cr:hover .hovervisible{
display:block;
}
</style>
<div id="cr">
<div class="alwaysvisible">Hello</div>
<div id="cr" class="hovervisible">
<div style="background:yellow;">
There are some more<br> options available</div>
</div>
</div>
1 to 2 of 2