asp

[whfrwhfr]

سلام
چطور میشه کاری کرد که گزینه های سمت راست سایت به صورت کشویی باز شوند یعنی از راست به طرف چپ باز بشوند.و سپس دارای زیر گزینه هایی باشند لطفا راهنمایی بفرمایید.فقط خیلی عجله دارم. با تشکر

[whfrwhfr]

[QUOTE=whfrwhfr;2331113]سلام
چطور میشه کاری کرد که گزینه های سمت راست سایت به صورت کشویی باز شوند یعنی از راست به طرف چپ باز بشوند.و سپس دارای زیر گزینه هایی باشند لطفا راهنمایی بفرمایید.فقط خیلی عجله دارم. با تشکر



لطفا دوستانی که جواب سوال من می دونن راهنمایی کنن چون خیلی بهش نیاز دارم

[پیام حیاتی]

سوالتون واضح نیست ، منظور از گزینه های سمت راست سایت چیه؟!
تصویر یا پیش نمایش آنلاین برای کاری که مدنظر دارید قرار بدید.

[whfrwhfr]

[QUOTE=پیام حیاتی;2331195]سوالتون واضح نیست ، منظور از گزینه های سمت راست سایت چیه؟!
تصویر یا پیش نمایش آنلاین برای کاری که مدنظر دارید قرار بدید.[/Q

یعنی در ستون سمت راست سایت گزینه هایی قرار دارن که دارای زیر گزینه هایی می باشند( یعنی منو و زیر منو که زیرمنو باید از راست به چپ باز شود) مثلا گزینه آموزش که شامل زیر منوهایی می باشد. خیلی بهش نیاز دارم عجله هم دارم . با تشکر

[bomb23]

http://www.menucool.com/vertical/vertical-menu

[whfrwhfr]

دوستان من این کدها رو نوشتم ولی زیرگزینه ها به جای اینکه راست به چپ باز بشه به طرف پایین باز میشه نمیدونم اشکال کارم کجاست من میخوام از راست به چپ باز بشه لطفا راهنمایی کنید فقط خیلی عجله دارم.



<div id="nav">
<ul>
<li><a href="#">صفحه اصلی</a></li>
<li>
<a class="sub-menu1" href="#">آموزش</a>
<ul class="sub-menu">
<li><a href="#">Forum</a></li>
<li><a href="#">PodCasts</a></li>
<li><a href="#">Videos</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>


Css:
html {

margin: 0; padding: 0;

}

body {

font: 13px Tahoma, Geneva, sans-serif;
background-color: #F8F8EC;
margin: 0; padding: 0;
}
#nav {

float: right;
width: 200px;
margin: 10px 0 0 10px;
}
#nav ul {
list-style-type: none;
margin: 0; padding: 0px;
}
#nav li {
border-bottom: 1px solid #ED9F9F;
}
#nav li a {
display: block;
padding: 5px;
border-right: 14px solid #0ea35e;
border-left: 1px solid #0ea35e;
background-color:#0bd07b;
color: #fff;
text-decoration: none;
}
#nav li a:hover {
background-color: #0ea35e;
color: #FFFFFF;
}

/* styles for sub menu */
#nav .sub-menu{
display: none;
position: absolute;
}

#nav .sub-menu > li > a{
display: block;
width: 120px;
background-color: darkred;
color: white;
padding: 5px 10px;
}

#nav .sub-menu > li:hover > a{
background-color: orange;
}



#nav li:hover > .sub-menu{
display: block;
}

[whfrwhfr]

[QUOTE=whfrwhfr;2331281]دوستان من این کدها رو نوشتم ولی زیرگزینه ها به جای اینکه راست به چپ باز بشه به طرف پایین باز میشه نمیدونم اشکال کارم کجاست من میخوام از راست به چپ باز بشه لطفا راهنمایی کنید فقط خیلی عجله دارم.



<divid="nav">
<ul>
<li><ahref="#">صفحهاصلی</a></li>
<li>
<aclass="sub-menu1"href="#">آموزش</a>
<ulclass="sub-menu">
<li><ahref="#">Forum</a></li>
<li><ahref="#">PodCasts</a></li>
<li><ahref="#">Videos</a></li>
</ul>
</li>
<li><ahref="#">Blog</a></li>
<li><ahref="#">About</a></li>
<li><ahref="#">Contact</a></li>
</ul>


Css:
html {

margin: 0; padding: 0;

}

body {

font: 13pxTahoma, Geneva, sans-serif;
background-color: #F8F8EC;
margin: 0; padding: 0;
}
#nav {

float: right;
width: 200px;
margin: 10px0010px;
}
#navul {
list-style-type: none;
margin: 0; padding: 0px;
}
#navli {
border-bottom: 1pxsolid#ED9F9F;
}
#navlia {
display: block;
padding: 5px;
border-right: 14pxsolid#0ea35e;
border-left: 1pxsolid#0ea35e;
background-color:#0bd07b;
color: #fff;
text-decoration: none;
}
#navlia:hover {
background-color: #0ea35e;
color: #FFFFFF;
}

/*styles for sub menu*/
#nav.sub-menu{
display: none;
position: absolute;
}

#nav.sub-menu>li>a{
display: block;
width: 120px;
background-color: darkred;
color: white;
padding: 5px10px;
}

#nav.sub-menu>li:hover>a{
background-color: orange;
}



#navli:hover>.sub-menu{
display: block;
}


[


کسی نمیتونه جواب من بده تا مشکلم حل بشه من خیلی بهش احتیاج دارم