درخواست کمک در رفع مشکل منو کشویی (dropdown menu)

[زهرا علیزاده]

سلام دوستان کسی میتونه بگه برای رفع مشکل این منو باید چیکار کنم؟
برادرس برنامه نویسی وب درستش کردم و از روی فیلم یعنی!! :)) ولی مشکلشو نمیتونم حل کنم:گیج:

136412

کد css قسمت منو:


#menu{
list-style: none;
float: right;
border: 1px solid #71513D;
background-color: #896349;
background-image: linear-gradient(to bottom, #986E52, #896349);
border-radius: 6px;
box-shadow:0 1px 1px #777;
}


#menu li{
float: right;
border-left: 1px solid #71513D;
box-shadow: 1px 0 0 #71513D;
position: relative;
}


#menu li a{
text-decoration: none;
float: right;
padding: 12px 30px;
color: white;
font: bold 12px Arial;
text-shadow: 2px 2px 50px white;
}


#menu li a:hover{
color: orange;
}


#menu li ul{
list-style:none;
position: absolute;
top: 38px;
left: 0;
z-index: 1;
background-color: #896349;
background-image: linear-gradient(to bottom, #986E52, #896349);
border-radius: 6px;
visibility: hidden;
opacity: 0;
margin: 10px 0 0 0;
transition: all .2s ease-in-out;
text-align: right;
direction: rtl;
}


#menu li:hover ul{
visibility: visible;
margin: 0;
opacity: 1;
}


#menu ul li{
float: none;
border: 0;
}


#menu ul li a{
float: none;
display: block;
padding: 10px;
width: 100px;
text-transform: none;
white-space: nowrap;
}


#menu ul a:hover{
background-image: linear-gradient(to bottom, #986E52, #896349);

}

[frednasri]

سلام.

تغییراتی تو فایلهای CSS و html شما دادم (فایل پیوست). خطوطی رو که حذف یا اضافه کردم با کامنت مشخص کردم (البته قبلش توی فایل html به div که منو توش قرار گرفته، id برابر با mainmenu دادم).

موفق باشید.

136417