0

hello,

i'm having some issues w/my submenu - it seems to flicker when you hover between items... the original script can be found here --> http://www.javascriptkit.com/script/script2/verticalmenu.shtml

unfortunately, i canNOT post a URL because it's on an internal server but here is my modified CSS... any help would be appreciated...

thanks! :o)

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /*WIDTH OF MAIN MENU ITEMS*/
border: none;
}

.glossymenu li{
    position: relative;
}

.glossymenu li a:visited, .glossymenu li a:active{
    color: #000033;
}

.glossymenu li a:hover{
    color: #ffffff;
    margin-left: 15px;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
    position: absolute;
    width: 180px; /*WIDTH OF SUB MENU ITEMS*/
    top: 0;
    display: none;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    color: #ffffff;
    background-color: #000033;

}
.glossymenu li ul a:link{
    color: #ffffff;

}
.glossymenu li ul a:visited, .glossymenu li a:active{
    color: #ffffff;
}

.glossymenu li ul a:hover{ /*SUB MENU STYLE*/
    color: #cccc99;
}

.glossymenu li a{
    background: none;
    color: #ffffff;
    display: block;
    width: 180;
    padding: 5px 0;
    margin-left: 15px;
    margin-right: 0px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    list-style-type: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

Edited by mike_2000_17: Fixed formatting

2
Contributors
1
Reply
2
Views
9 Years
Discussion Span
Last Post by MidiMagic
0

It might be that opacity / filter code interacting with your selected screen resolution.

Some LCD displays flicker at some resolutions.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.