arezooafshari
دوشنبه 28 مهر 1393, 13:31 عصر
در کد زیر در قسمتی که در عکس مشخص شده میخوام که یک لیست باز بشه وقتی روش hover میشه
<div class="down-arrow"> <li class="drop-down-menu"> <ul> <li> <a href="#">رزومه من</a> </li> <li> <a href="#">تنظیمات حریم خصوصی</a> </li> <li> <a href="#">تنظیمات پروفایل کاربری</a> </li> <li> <a href="#">مدیریت اعتبار</a> </li> <li> <a href="#">خروج</a> </li> </ul> </li> </div>
.drop-down-menu{
position: relative;
top: 13px;
height: 40px;
}
.drop-down-menu ul{
position: absolute;
width: 194px;
padding: 0px;
top: 0px;
margin: 0px;
height: 175px;
left: -10px;
top: 60px;
background-color: #FFFFFF;
border-radius: 5px;
z-index: 16;
display: none;
}
.drop-down-menu:hover ul{
display: block;
}
.drop-down-menu ul li{
float: none;
list-style: none;
padding-bottom: 6px;
padding-top: 7px;
/* z-index: 10; */
margin: 0px;
padding-right: 10px;
border-bottom: 1px solid #dedede;
}
.drop-down-menu ul li a:hover{
text-decoration: underline;
color: #b3b3b3;
}
.drop-down-menu ul li a{
font-family: B Yekan;
text-decoration: none;
font-size: 13px;
color: #373737;
}
124754
<div class="down-arrow"> <li class="drop-down-menu"> <ul> <li> <a href="#">رزومه من</a> </li> <li> <a href="#">تنظیمات حریم خصوصی</a> </li> <li> <a href="#">تنظیمات پروفایل کاربری</a> </li> <li> <a href="#">مدیریت اعتبار</a> </li> <li> <a href="#">خروج</a> </li> </ul> </li> </div>
.drop-down-menu{
position: relative;
top: 13px;
height: 40px;
}
.drop-down-menu ul{
position: absolute;
width: 194px;
padding: 0px;
top: 0px;
margin: 0px;
height: 175px;
left: -10px;
top: 60px;
background-color: #FFFFFF;
border-radius: 5px;
z-index: 16;
display: none;
}
.drop-down-menu:hover ul{
display: block;
}
.drop-down-menu ul li{
float: none;
list-style: none;
padding-bottom: 6px;
padding-top: 7px;
/* z-index: 10; */
margin: 0px;
padding-right: 10px;
border-bottom: 1px solid #dedede;
}
.drop-down-menu ul li a:hover{
text-decoration: underline;
color: #b3b3b3;
}
.drop-down-menu ul li a{
font-family: B Yekan;
text-decoration: none;
font-size: 13px;
color: #373737;
}
124754