No replies
hilja
Offline
newbie
finland
Last seen: 15 years 16 weeks ago
finland
Joined: 2007-03-16
Posts: 1
Points: 0

Hi,
I'm doing a portfolio site for my friend and learning CSS in the way. CSS is really new to me.

I did a vertical navigation list with curren menu state feature, which was really nice. I used these sources to achieve my goal:
http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
http://www.csscreator.com/node/7969

But now I complicated the list structure to nested list.
Source for my nested list: http://css.maxdesign.com.au/listutorial/
But now hoovers and menu current state didn't work any more.

Heres the pege:
http://www.saunalahti.fi/atmu/pohja/kokeilu2.html

In this page the "CLOTHING" link should be indicating that the user is in that section.
What could be the problem?

This is the CSS wich has relevance to the vertical list:

#button { float:left; padding-top:30px; padding-left:20px; wwidth: 16em; } #button ul { list-style-type: none; margin: 0; padding: 0; } #button li { margin: 0; } #button a { display: block; color: #99cc33; width: em; padding: 3px 3px 3px 8px; text-decoration: none; text-align: right; font-weight: bold; border-right: 0px solid #000; border-bottom: 0px solid #000;

}

#button li li a {
display: block;
color: #ccc;
padding: 3px 17px 3px 0px;
text-decoration: none;
font-weight: normal;
text-align: right
}

#button a:hover
#clothing .clothing a,
#clothing_gh .clothing_gh a,
#clothing_safety .clothing_safety a,
#clothing_hfa .clothing_hfa a,
#clothing_haloo .clothing_haloo a,
#design .design a,
#design_helsinkihotel .design_helsinkihotel a,
#design_pearlsofhours .design_pearlsofhours a,
#design_typeit .design_typeit a,
#design_shopint .design_shopint a,
#textileprints .textileprints a,
#textile_heimtextil06 .textile_heimtextil06 a,
#textile_pearlsofhours .textile_pearlsofhours a,
#textile_masken .textile_masken a,
#textile_kaponen .textile_kaponen a,
#aboutme .aboutme a,
#about_designer .about_designer a.
#about_cv .about_cv a,
#archive .archive a {
border-right: 1px solid #000;
border-bottom: 0px solod #fff;
color: #cccccc;
font-style: italic;
font-weight: bold;
}

I'd really appreciate some help, thanks.

edit: typo