Hi,
I have a requirement .In my web page left side vertical menu I have to show the items when we place the mouse on the particular item.Here the script
I have tried with the below style sheet.Could you please let me know where should I make changes to show when we place mouse over first time.
#divMenu, ul, li, li li {
margin: 0;
padding: 0;
}
#divMenu {
width: 150px;
height: 27px;
}
#divMenu ul
{
line-height: 25px;
cursor:pointer;
}
#divMenu li {
list-style: none;
position: relative;
/* background: #641b1b;*/
background: #100c08;
z-index:auto;
}
#divMenu li li {
list-style: none;
position: relative;
background: #100c08;
left: 148px;
top: -27px;
z-index:auto
}
#divMenu ul li a {
width: 148px;
height: 25px;
display: list-item;
text-decoration: none;
text-align: center;
font-family: Georgia,'Times New Roman',serif;
color:#ffffff;
border:1px solid #eee;
}
#divMenu ul ul {
position: absolute;
visibility: hidden;
top: 27px;
z-index:10;
}
#divMenu ul li:hover ul {
visibility: visible;
cursor:pointer;
}
#divMenu li:hover {
background-color: #945c7d;
cursor:pointer;
display: block;
}
#divMenu ul li:hover ul li a:hover {
background-color: #945c7d;
}
#divMenu a:hover {
font-weight: bold;
}
#divMenu li:hover ul li
{
display: block;
}
5 Replies
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Midhun TpPosted Sep 8, 2016, 6:01 AM
Mahesh BodepudiPosted Sep 8, 2016, 5:56 AM
Midhun TpPosted Sep 8, 2016, 5:15 AM
Mahesh BodepudiPosted Sep 8, 2016, 5:05 AM
Midhun TpPosted Sep 8, 2016, 4:16 AM