Hi,

 

I’m using the below vertical menu list but unfortunately when a menu item is
clicked to produce an ‘active state’, it doesn’t remain on when the user
clicks on other links on the web page.  As soon as you click on any other
links the ‘active menu state’ reverts to a ‘normal state’. Can anyone
explain why this happens?

 

Thanks,

 

Jasmin

 

 

 

dl, dt, dd, ul, li {

            margin: 0;

            padding: 0;

            list-style: none;

 

}

 

#menu {

 

            top: 145px;

            left: 2px;

            width: 195px;

            POSITION: fixed;

            font-family: Verdana, Arial, Helvetica, sans-serif;

            font-size: 12px;

            

}

 

 HTML #menu {

            POSITION: absolute

}

 

#menu dt {

            cursor: pointer;

            margin: 6px 3px;

            height: 22px; 

            line-height: 22px;

            text-align: center;

            border: 0px solid white;

            background-image: URL(images/button.gif);

            background-repeat: no-repeat;

}

 

 

#menu dd {

            border: 0px solid white;

}

 

 

#menu li {

            margin: 15px 0; /* Lists the vertical spacing between secondary
level links */

            background-repeat: no-repeat;

            background-image: URL(images/submenu_button.gif);

            text-align: center;

            line-height: 22px;

}

 

#menu li a, #menu dt a {

            color: black;

            text-decoration: none;

            border: 0 none;

            height: 100%;

}

 

#menu li a:hover, #menu dt a:hover {

            display: block;

            background-image: URL(images/ button_over.gif);

            background-repeat: no-repeat;

            text-align: center;

            line-height: 22px;

            text-decoration: none;

 

}

 

 

#menu li a:active, #menu dt a:active {

            display: block;

            background-image: URL(images/ button_on.gif);

            background-repeat: no-repeat;

            text-align: center;

            line-height: 22px;

            text-decoration: none;

 

}


No virus found in this outgoing message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 269.23.16/1433 - Release Date: 14/05/2008
4:44 PM
 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to