راست به چپ کردن منو و زیر منو

[karimi84]

من یک css به شکل زیر دارم منو راست به چپ شده ولی زیر منو ها راست به چپ نیست از سمت چپ به راست باز میشه میشه به من کمک کنید و بگین چه تغییر در css انجام بدم که زیر منوها هم از سمت راست به چپ باز بشه
/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 30.06.2009
*********************************************
* (X)HTML-scheme:
* <div id="menu">
* <ul class="menu">
* <li><a href="#" class="parent"><span>level 1</span></a>
* <div><ul>
* <li><a href="#" class="parent"><span>level 2</span></a>
* <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
* </li>
* </ul></div>
* </li>
* <li class="last"><a href="#"><span>level 1</span></a></li>
* </ul>
* </div>
*********************************************
*/

/* menu::base */
div#menu {
background: transparent url(images/menu_m.png) repeat-x scroll 0 0;
position: absolute;
top: 0;
left: 1;
color: #124456;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
}

ul.menu {
clear: both;
float:right;
cursor: pointer;
z-index: 1;
position: relative;
}

div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float: right;
z-index: 2;
position: relative;
}

div#menu li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
overflow: visible;
float: right;
height: 30px;
z-index: 3;
}
/* menu::level1 */
div#menu li a {
height: 30px;
display: block;
float: right;
line-height: 30px;
text-decoration: none;
color: #124456;
overflow: hidden;
z-index: 4;
position: relative;
}

div#menu li span {
color: #124456;
display: block;
padding: 0 15px;
background-repeat: no-repeat;
background-position: 95% 0px;
z-index: 6;
position: relative;
float:right;
}

div#menu li span.bg {
display: block;
background: transparent url('images/menu_level1_item.png') repeat-x scroll 0pt 100%;
padding: 0;
height: 30px;
z-index: 5;
position: relative;
float: right;
}

div#menu li.current {
font-weight: bold;
}

div#menu li.current ul {
font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
padding: 0px 0px 10px;
background: transparent url('images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%;
_background: transparent url('images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;
left: -999em;
width:165px;
position: absolute;
top: 30px;
float:right;
direction:rtl;
}

div#menu li:hover ul, div#menu li.sfhover ul {
left: 0px;
z-index: 100;
visibility: visible;
float:right;
}

div#menu li li {
width: 100%;
text-indent: 0px;
float: right;
height: auto;
}

div#menu li li a, div#menu li li span.separator {
margin: 0px 1px;
padding: 0px;
background: url('images/menu_level2_item.gif') no-repeat scroll 100% bottom;
height: auto;
float: right;
display: block;
line-height: 25px;
width: 163px;
}

div#menu li li a.parent {
background: url('images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;
float:right;
}

/* menu::level3 */
div#menu li ul ul {
margin: -31px 0 0 164px;
float:right;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
border-top: 1px solid #49c5ed;
float:right;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {
left: -999em;
float:right;
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
color: #FFFFAA;
float:right;

}
div#menu span:hover {
color: #FFFFAA;
float:right;
}
div#menu li ul span:hover {
color: #FFFFAA000;
float:right;
}

[qartalonline]

این دیگه چجور کد گذاشتنه ؟؟؟
برای درج کد از تگ مربوطه استفاده کنید.

[karimi84]

من معذرت میخوام

/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 30.06.2009
*********************************************
* (X)HTML-scheme:
* <div id="menu">
* <ul class="menu">
* <li><a href="#" class="parent"><span>level 1</span></a>
* <div><ul>
* <li><a href="#" class="parent"><span>level 2</span></a>
* <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
* </li>
* </ul></div>
* </li>
* <li class="last"><a href="#"><span>level 1</span></a></li>
* </ul>
* </div>
*********************************************
*/

/* menu::base */
div#menu {
background: transparent url(images/menu_m.png) repeat-x scroll 0 0;
position: absolute;
top: 0;
left: 1;
color: #124456;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
float:right;
}

ul.menu {
clear: both;
float:none;
cursor: pointer;
z-index: 1;
position: relative;
}

div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float: none;
z-index: 2;
position: relative;
}

div#menu li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
overflow: visible;
float:left;
height: 30px;
z-index: 3;
}
/* menu::level1 */
div#menu li a {
height: 30px;
display: block;
float: right;
line-height: 30px;
text-decoration: none;
color: #124456;
overflow: hidden;
z-index: 4;
position: relative;
}

div#menu li span {
color: #124456;
display: block;
padding: 0 15px;
background-repeat: no-repeat;
background-position: 95% 0px;
z-index: 6;
position: relative;
float:right;
}

div#menu li span.bg {
display: block;
background: transparent url('images/menu_level1_item.png') repeat-x scroll 0pt 100%;
padding: 0;
height: 30px;
z-index: 5;
position: relative;
float: right;
}

div#menu li.current {
font-weight: bold;
}

div#menu li.current ul {
font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
padding: 0px 0px 10px;
background: transparent url('images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%;
_background: transparent url('images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;
left: -999em;
width:165px;
position: absolute;
top: 30px;
float:right;
direction:rtl;
}

div#menu li:hover ul, div#menu li.sfhover ul {
left: 0px;
z-index: 100;
visibility: visible;
float:right;
}

div#menu li li {
width: 100%;
text-indent: 0px;
float: right;
height: auto;
}

div#menu li li a, div#menu li li span.separator {
margin: 0px 1px;
padding: 0px;
background: url('images/menu_level2_item.gif') no-repeat scroll 100% bottom;
height: auto;
float: right;
display: block;
line-height: 25px;
width: 163px;
}

div#menu li li a.parent {
background: url('images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;
float:right;
}

/* menu::level3 */
div#menu li ul ul {
margin: -31px 0 0 164px;
float:right;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
border-top: 1px solid #49c5ed;
float:right;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {
left: -999em;
float:right;
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
color: #FFFFAA;
float:right;

}
div#menu span:hover {
color: #FFFFAA;
float:right;
}
div#menu li ul span:hover {
color: #FFFFAA000;
float:right;
}

[qartalonline]

شما میخواید کلا منو از سمت راست به چپ باشه؟

[karimi84]

دقیقا چون در سایت فارسی استفاده می شود در نتیجه منو باید از راست به چپ باشد

[karimi84]

خود منو اصلی رو تونستم راست به چپ کنم ولی زیر منو ها رو که تا سطح پایین تر میره رو نه

[heidarymh73]

سلام بیشتر باید float یا text align یا direction رو تغییر بدی
من نیگاه به کدت نکردم اما اگر مرورگر کروم نصب هست رو سیستمت هر جا که میخوای تغییر بدی رو روش راست کلیک کن و گزینه inspect element رو بزن یه کادر پایین صفحه باز میشه از اون جا خاصیت ها رو تغییر بده و هر کدوم که کار ساز بودش رو در فایل اصلی تغییر بده این طوری تجربه ات هم بالا میره

[karimi84]

من در کدم در هم قسمتها float وdirection رو به راست تغییر دادم ولی منو اصلی راست به چپ است و لی زیر منوها چپ به راست است لطفا راهنمائی کنید

[karimi84]

نمی دونم چرا این منو اصلا راست به چپ نمیشه هر کاری میکنم بدجوری اعصابم رو ریخته به هم

[mehbod.rayaneh]

سلام
منو را کامل ضمیمه کنید تا بشه راهنمایی کرد!

[karimi84]

css رو بالا گذاشتم منو هم به شکل زیر است


<form id="form1" runat="server" style="font-family: Tahoma; font-size: 12px; font-weight: bold; float: right;" dir="rtl">
<div id="menu" dir="rtl" align="right">
<ul class="menu" dir="rtl">
<li><a href="#" class="parent"><span>دفتر مرکزی</span></a>
<div dir="rtl"><ul dir="rtl">
<li dir="rtl"><a href="#" class="parent"><span>cablebuilder</span></a>
<div dir="rtl"><ul dir="rtl">
<li><a href="Helpdesk.aspx?CodSubject=9"><span>design</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=10"><span>quotation</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=11"><span>vizard</span></a></li>

</ul></div>
</li>
<li dir="rtl"><a href="#" class="parent"><span>planning</span></a>
<div dir="rtl"><ul>
<li><a href="Helpdesk.aspx?CodSubject=36"><span>سفارش</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=37"><span>انتقال کابل و نیمه ساخته</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=38"><span>برنامه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=39"><span>اولویت ها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=40"><span>تولید</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=41"><span>گزارشات </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=42"><span>کنترل کیفیت</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=43"><span>Test sheet</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=44"><span>محاسبه قرقره ها </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=45"><span>اطلاعات پایه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=46"><span>ردیابی</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>اتوماسیون اداری</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=62"><span>مکاتبات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=63"><span>تقویم و جلسات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=64"><span>مدیریت فایلها و اطلاعات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=65"><span>مدیریت کارها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=66"><span>اشخاص</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=67"><span>پرسنلی </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=68"><span>حضور و غیاب</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=69"><span>حقوق و دستمزد</span></a></li>

</ul></div>
</li>
<li><a href="#" class="parent"><span>نرم افزار</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=73"><span>تهیه نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=90"><span>نصب نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=91"><span>رفع اشکال نرم افزار</span></a></li>
</ul></div>
</li>

<li><a href="#" class="parent"><span>سخت افزار</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=74"><span>تهیه سیستم کامل</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=92"><span>تهیه قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=93"><span>تعویض قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=94"><span>رفع اشکال سخت افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=122"><span>تحویل لپ تاپ امانی</span></a></li>

</ul></div>
</li>
<li><a href="#" class="parent"><span>شبکه</span></a>
<div><ul>

<li><a href="Helpdesk.aspx?CodSubject=116"><span>رفع اشکال شبکه</span></a></li>


</ul></div>
</li>
<li><a href="#" class="parent"><span>پرینتر و اسکنر</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=77"><span>تعویض تونر</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=78"><span>ریبون</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=97"><span>رفع اشکال</span></a></li>

</ul></div>
</li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>کارخانه</span></a>
<div><ul>
<li><a href="#" class="parent"><span>cablebuilder</span></a>
<div><ul dir="rtl">
<li><a href="Helpdesk.aspx?CodSubject=9"><span>design</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=10"><span>quotation</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=11"><span>vizard</span></a></li>

</ul></div>
</li>
<li><a href="#" class="parent"><span>planning</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=36"><span>سفارش</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=37"><span>انتقال کابل و نیمه ساخته</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=38"><span>برنامه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=39"><span>اولویت ها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=40"><span>تولید</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=41"><span>گزارشات </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=42"><span>کنترل کیفیت</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=43"><span>Test sheet</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=44"><span>محاسبه قرقره ها </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=45"><span>اطلاعات پایه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=46"><span>ردیابی</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>اتوماسیون اداری</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=62"><span>مکاتبات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=63"><span>تقویم و جلسات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=64"><span>مدیریت فایلها و اطلاعات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=65"><span>مدیریت کارها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=66"><span>اشخاص</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=67"><span>پرسنلی </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=68"><span>حضور و غیاب</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=69"><span>حقوق و دستمزد</span></a></li>

</ul></div>
</li>
<li><a href="#" class="parent"><span>نرم افزار</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=73"><span>تهیه نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=90"><span>نصب نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=91"><span>رفع اشکال نرم افزار</span></a></li>

</ul></div>
</li>

<li><a href="#" class="parent"><span>سخت افزار</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=74"><span>تهیه سیستم کامل</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=92"><span>تهیه قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=93"><span>تعویض قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=94"><span>رفع اشکال سخت افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=122"><span>تحویل لپ تاپ امانی</span></a></li>

</ul></div>
</li>
<li><a href="#" class="parent"><span>شبکه</span></a>
<div><ul>

<li><a href="Helpdesk.aspx?CodSubject=116"><span>رفع اشکال شبکه</span></a></li>


</ul></div>
</li>
<li><a href="#" class="parent"><span>پرینتر و اسکنر</span></a>
<div><ul>
<li><a href="Helpdesk.aspx?CodSubject=77"><span>تعویض تونر</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=78"><span>ریبون</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=97"><span>رفع اشکال</span></a></li>

</ul></div>
</li>
</ul></div>
</li>
<li><a href="#"><span>Help</span></a></li>
<li class="last"><a href="#"><span>Contacts</span></a></li>
</ul>
</div>

[mehbod.rayaneh]

ن! منظور از کامل همراه با عکس و ... بود! من اگه منو کامل باز بشه میتونم کمک کنم! و اگه نشه ...

[xcodex]

دوست عزیز من کد شما رو با google chrome باز کردم هم منو و هم زیر منو ها rtl بود و مشکلی نبود

[karimi84]

فایل مربوط به منو به ضمیمه شد

[karimi84]

ببخشید حتی زیر منو ها هم که باز میشد راست به چپ بود؟
فایل منو را ضمیمه رو کردم اگر میشه یک نگاهی بندازید
با تشکر

[xcodex]

دوست عزیز متاسفانه من دسترسی به visual studio فعلا ندارم ولی سورس فایلتون رو وقتی نگاه کردم دیدم 5 تا فایل css داشتید جاهای مختلف و داخل خود تگ ها هم style به کار بردید . این اصلا مناسب نیست.

شما برای master page تون باید یه css داشته باشید . کدتون رو یخورده مرتب کنید . فقط یه css داشته باشید و فقط یبار منو رو rtl کنید.

الان این کدی رو که دو پست بالاتر گذاشتید من اجرا کردم هم منو و هم زیر منو rtl بود و مشکلی نبود. اصلا به css خارجی نیازی نیست. خودتون همین کدی که بالا گذاشتید رو توی یه فایل با فرمت html ذخیره و با browser بازش کنید میبینید هم منو و هم زیر منو راست چین هستن.

یا حق

[mehbod.rayaneh]

سلام مجدد :لبخندساده:
واااااااااااای چقدر float:right من پاک کردم از تو این منو!!! :گیج:
شما به position ها دقت نکردید!؟ باید فقط برا راستچین کردن منو left : 0px و ... را میکردید right:0px !!!
کلا نکته همین بود!!!
کد css :

div#menu {
background: transparent url(images/menu_m.png) repeat-x scroll 0 0;
position: absolute;
top: 0;
right:200px;
margin:auto;
color: #124456;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
direction:rtl;
}

ul.menu {
clear: both;
cursor: pointer;
z-index: 1;
position: relative;
}

div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float: none;
z-index: 2;
position: relative;
}

div#menu li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
overflow: visible;
float:right;
height: 30px;
z-index: 3;
}
/* menu::level1 */
div#menu li a {
height: 30px;
display: block;
float: right;
line-height: 30px;
text-decoration: none;
color: #124456;
overflow: hidden;
z-index: 4;
position: relative;
}

div#menu li span {
color: #124456;
display: block;
padding: 0 15px;
background-repeat: no-repeat;
background-position: 95% 0px;
z-index: 6;
position: relative;
}

div#menu li span.bg {
display: block;
background: transparent url('images/menu_level1_item.png') repeat-x scroll 0pt 100%;
padding: 0;
height: 30px;
z-index: 5;
position: relative;
}

div#menu li.current {
font-weight: bold;
}

div#menu li.current ul {
font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
padding: 0px 0px 10px;
background: transparent url('images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%;
_background: transparent url('images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;
right: -999em;
width:165px;
position: absolute;
top: 30px;
}

div#menu li:hover ul, div#menu li.sfhover ul {
right: 0px;
z-index: 100;
visibility: visible;
}

div#menu li li {
width: 100%;
text-indent: 0px;
height: auto;
}

div#menu li li a, div#menu li li span.separator {
margin: 0px 1px;
padding: 0px;
background: url('images/menu_level2_item.gif') no-repeat scroll 100% bottom;
height: auto;
display: block;
line-height: 25px;
width: 163px;
}

div#menu li li a.parent {
background: url('images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;
}

/* menu::level3 */
div#menu li ul ul {
margin: -31px 164px 0 0 ;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
border-top: 1px solid #49c5ed;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {
right: -999em;
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { right: 0pt; z-index: 100; }

div#menu a:hover {
color: #FFFFAA;
}
div#menu span:hover {
color: #FFFFAA;
}
div#menu li ul span:hover {
color: #FFFFAA000;
}

و نکته بعد هم وقتی شما فایل استایل دارید و کل استایلها را توی css اعمال کردید دیگه چرا توی html استایل میدید ک کدها را خراب کنید؟
اینم فایل html ک تا حدودی من تصحیحش کردم :


<div id="menu">
<ul class="menu">
<li>
<a href="#" class="parent"><span>دفتر مرکزی</span></a>
<div>
<ul>
<li>
<a href="#" class="parent"><span>cablebuilder</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=9"><span>design</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=10"><span>quotation</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=11"><span>vizard</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>planning</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=36"><span>سفارش</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=37"><span>انتقال کابل و نیمه ساخته</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=38"><span>برنامه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=39"><span>اولویت ها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=40"><span>تولید</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=41"><span>گزارشات </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=42"><span>کنترل کیفیت</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=43"><span>Test sheet</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=44"><span>محاسبه قرقره ها </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=45"><span>اطلاعات پایه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=46"><span>ردیابی</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>اتوماسیون اداری</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=62"><span>مکاتبات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=63"><span>تقویم و جلسات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=64"><span>مدیریت فایلها و اطلاعات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=65"><span>مدیریت کارها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=66"><span>اشخاص</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=67"><span>پرسنلی </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=68"><span>حضور و غیاب</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=69"><span>حقوق و دستمزد</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>نرم افزار</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=73"><span>تهیه نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=90"><span>نصب نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=91"><span>رفع اشکال نرم افزار</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>سخت افزار</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=74"><span>تهیه سیستم کامل</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=92"><span>تهیه قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=93"><span>تعویض قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=94"><span>رفع اشکال سخت افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=122"><span>تحویل لپ تاپ امانی</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>شبکه</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=116"><span>رفع اشکال شبکه</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>پرینتر و اسکنر</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=77"><span>تعویض تونر</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=78"><span>ریبون</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=97"><span>رفع اشکال</span></a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>کارخانه</span></a>
<div>
<ul>
<li>
<a href="#" class="parent"><span>cablebuilder</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=9"><span>design</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=10"><span>quotation</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=11"><span>vizard</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>planning</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=36"><span>سفارش</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=37"><span>انتقال کابل و نیمه ساخته</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=38"><span>برنامه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=39"><span>اولویت ها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=40"><span>تولید</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=41"><span>گزارشات </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=42"><span>کنترل کیفیت</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=43"><span>Test sheet</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=44"><span>محاسبه قرقره ها </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=45"><span>اطلاعات پایه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=46"><span>ردیابی</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>اتوماسیون اداری</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=62"><span>مکاتبات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=63"><span>تقویم و جلسات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=64"><span>مدیریت فایلها و اطلاعات</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=65"><span>مدیریت کارها</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=66"><span>اشخاص</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=67"><span>پرسنلی </span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=68"><span>حضور و غیاب</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=69"><span>حقوق و دستمزد</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>نرم افزار</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=73"><span>تهیه نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=90"><span>نصب نرم افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=91"><span>رفع اشکال نرم افزار</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>سخت افزار</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=74"><span>تهیه سیستم کامل</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=92"><span>تهیه قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=93"><span>تعویض قطعه</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=94"><span>رفع اشکال سخت افزار</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=122"><span>تحویل لپ تاپ امانی</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>شبکه</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=116"><span>رفع اشکال شبکه</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="parent"><span>پرینتر و اسکنر</span></a>
<div>
<ul>
<li><a href="Helpdesk.aspx?CodSubject=77"><span>تعویض تونر</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=78"><span>ریبون</span></a></li>
<li><a href="Helpdesk.aspx?CodSubject=97"><span>رفع اشکال</span></a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li><a href="#"><span>Help</span></a></li>
<li class="last"><a href="#"><span>Contacts</span></a></li>
</ul>
</div>

برا جابجه کرد منو توی عرض صفحه هم باید توی استایل در div#menu مقدار right:200px; را تغییر بدید! من برا این ک بیاد وسط صفحه و ببینم چیکار میکنم 200 دادم!
موفق باشید.

[karimi84]

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

[mehbod.rayaneh]

من asp را اجرا نکردم! همون html کار گرفتم ازش و css را ویرایش کردم!!!
توی تالار asp مطرح کنید!