ساخت منو های drop down با استفاده از CSS

[emad_67]

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

کدت رو بزار اینجا تا چک کنم.

[atbin2010]

سلام
من کلشو گذاشتم توی یک div بعد text-align:center رو ست کردم

[emad_67]

من کلشو گذاشتم توی یک div بعد text-align:center رو ست کردم

برای text-align برای وسط چین کردن متن هست، برای وسط انداختن div اینکار رو بکن:

margin: 0 auto;

[madira]

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

ممنون از کمکتون.

[emad_67]

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

به جای hover باید از کلاس active استفاده کنی.
جواب سوالت در پیام خصوصی:

ولی وقتی تبدیل به active میکنم،وقتی روی لینکها کلیک میکنم زیر منوها ثابت نمیمونه و با برداشتن دست از روی موس زیر منوها باقی نمیمونه.
من میخوام با کلیک روی لینک زیر منوها ثابت نشون داده بشه و با دوباره کلیک کردن روی لینک زیرمنوها به حالت اولیه برگردند.

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

[madira]

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

امکان داره نمونه کد جاوا اسکریپت برای اینکارو اینجا قرار دهید؟
ممنون از راهنماییهاتوون.

[emad_67]

امکان داره نمونه کد جاوا اسکریپت برای اینکارو اینجا قرار دهید؟

اینو تست کن:

<ul>

<li id="test" onclick="openClose();"><a href="#">Front end</a>

    <ul class="submenu">

        <li><a href="#">Atricles</a></li>

        <li><a href="#">Users</a></li>

        <li><a href="#">Template</a></li>

        <li><a href="#">Recyle Bin</a></li>

    </ul>

</li>

</ul>

<script type="text/javascript">

        function openClose() {

            var ctn = document.getElementById("test").getElementsByTagNa  me("ul");

            if (ctn.item(0).style.display == "none")

                ctn.item(0).style.display = "";

            else

                ctn.item(0).style.display = "none";

        }

    </script>

[yasi_1010]

ميخوام بدونم اگه بخوام لينك به منوهام بدم كچا بايد اينكار رو بكنم؟
من كه لينك هر منو رو به سي اس اس دادم.. حالا لينكاي خودشو چيكار كنم؟

[emad_67]

ميخوام بدونم اگه بخوام لينك به منوهام بدم كچا بايد اينكار رو بكنم؟

قبل ساخت منو باید یه خورده html کار کرده باشید، نه اینکه منو رو آماده بخوای استفاده کنی.
لینک ها باید در تگ a که تعریف شده داده بشه دیگه.

<li><a href="#">Recyle Bin</a></li>

[mahsa.n]

سلام من کل کدهای html منو رو در یک

<div style="float:right"

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

[emad_67]

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

خوب قرار نیست rtl بشن، که. شما متون داخل هر تگ a رو right align کن. border سمت چپ رو هم به سمت راست ببر.

[mahsa.n]

خوب قرار نیست rtl بشن، که. شما متون داخل هر تگ a رو right align کن. border سمت چپ رو هم به سمت راست ببر.

چه جوری border رو ببرم سمت راست؟

[mahsa.n]

من يك منو آماده دانلود كردم اين كاري كه شما گفتين رو انجام دادم ولي همه چيز به هم ميريزه ميشه فايل رو ببينين

 



body

{

font: x-large Verdana, Arial, Helvetica, sans-serif;

text-align:center;

}

ul#nav,ul#nav ul




{

margin: 0;

padding: 0;

list-style: none;

z-index:99;

position:relative;

}

ul#nav




{

width:600px;

margin:auto;

border:1px solid silver;

margin-top:100px;

}

ul#nav li




{

position: relative;

float: right;اين جا رو عوض كردم

width:150px;

}

#nav li ul {

position: absolute;

left: 0; 

top: 1em;

margin-left:-999em;/* ie7 doesn't work well with left:-999em but does work better with margin-left */

width:150px;

padding:30px 0 0 0;

background:url(images/trans1px.gif) no-repeat/* 1px transparent gif to help ie keep focus on menu*/

}

#nav li ul ul{

position: absolute;

margin-left:-999em; 

left:95%;

top: -30px;

margin-left:100%;

}
 

/* Styles for Menu Items */

ul#nav li




{

color: #fff;

width:150px;

text-align:center;

}

ul#nav li span




{

float:left;

background:url(images/middle.png) repeat-y 0 0;

width:150px;

}

ul#nav li a




{

display:block;

text-decoration: none;

color: #fff;

width:125px;

padding:6px 5px;

margin:0 0 0 9px;

text-align:center;

float:left;

display:inline;

position:relative

}

ul#nav li li a {text-align:right اين جا رو عوض كردم




}

ul#nav li li b{float:right




;} 

ul#nav li.top




,

ul#nav li.base




{

background:url(images/top.png) no-repeat 0 0;

height:17px;

overflow:hidden;

border:none;

}

ul#nav li.base




{

background:url(images/button.png) no-repeat 0 0;

}
 

 

ul#nav li li{clear:left




}

/* this sets all hovered lists to red and current item */

#nav li.current a,

#nav li:hover a,

#nav li.iehover a{

color: red;

z-index:999;

}

#nav li:hover li:hover a,

#nav li.iehover li.iehover a,

#nav li:hover li:hover li:hover a,

#nav li.iehover li.iehover li.iehover a,

#nav li:hover li a:hover,

#nav li.iehover li a:hover,

#nav li:hover li:hover li:hover a:hover,

#nav li.iehover li li a:hover,

#nav li:hover li:hover li:hover li:hover a:hover,

#nav li.iehover li.iehover li.iehover li.iehover a:hover {

color: red;

z-index:999;

background:url(images/middle.png) repeat-y 0 0;

border:1px solid C#‎‎0c0c0;

padding:5px;

}
 

/* set dropdown to default */

#nav li:hover li a,

#nav li.iehover li a,

#nav li:hover li:hover li a,

#nav li.iehover li.iehover li a,

#nav li:hover li:hover li:hover li a,

#nav li.iehover li.iehover li.iehover li a{

color: #fff;

background:none;

border:none;

padding:6px 5px;

}
 

ul#nav li:hover ul ul




, 

ul#nav li:hover ul ul ul




, 

ul#nav li.iehover ul ul




, 

ul#nav li.iehover ul ul ul {margin-left:-999em




}

 

ul#nav li:hover ul




,

ul#nav li li:hover ul




,

ul#nav li li li:hover ul




, 

ul#nav li.iehover ul




, 

ul#nav li li.iehover ul




,

ul#nav li li li.iehover ul {margin-left:0




}

 

/* Float clearing */

.clearfix:after {

content:"."; 

display:block; 

height:0; 

clear:both; 

visibility:hidden;

}

.clearfix {display:inline-block;}

/* mac hide \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide */

/*........... do not change or amalgamate the above clearfix styles..................*/
 

 

[madira]

اینو تست کن:

<ul>

<li id="test" onclick="openClose();"><a href="#">Front end</a>

    <ul class="submenu">

        <li><a href="#">Atricles</a></li>

        <li><a href="#">Users</a></li>

        <li><a href="#">Template</a></li>

        <li><a href="#">Recyle Bin</a></li>

    </ul>

</li>

</ul>

<script type="text/javascript">

        function openClose() {

            var ctn = document.getElementById("test").getElementsByTagNa  me("ul");

            if (ctn.item(0).style.display == "none")

                ctn.item(0).style.display = "";

            else

                ctn.item(0).style.display = "none";

        }

    </script>

ممنون دوست عزیز.از کد شما استفاده کردم.به جای " " در if باید از خاصیت Block استفاده میشد.همچنین یک سوال داشتم اگه بخام از این کد واسه جاهای مختلف استفاده کنم به جای test در قسمت getelementbyid چی باید بزارم؟

[emad_67]

همچنین یک سوال داشتم اگه بخام از این کد واسه جاهای مختلف استفاده کنم به جای test در قسمت getelementbyid چی باید بزارم؟

برای استفاده در چند جا بهتره به این شکل عمل کنید:

<li onclick="openClose(this);"><a href="#">Front end</a>

        <ul class="submenu">

            <li><a href="#">Atricles</a>

                <ul>

                    <li><a href="#">C#‎</a></li>

                    <li><a href="#">Delphi</a></li>

                    <li><a href="#">SQL Server</a></li>

                </ul>

            </li>

            <li><a href="#">Users</a></li>

            <li><a href="#">Template</a></li>

            <li><a href="#">Recyle Bin</a></li>

        </ul>

    </li>

<script type="text/javascript">

        function openClose(elm) {

            var ctn = elm.getElementsByTagName("ul");

            if (ctn.item(0).style.display == "none")

                ctn.item(0).style.display = "block";

            else

                ctn.item(0).style.display = "none";

        }

    </script>

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

من يك منو آماده دانلود كردم اين كاري كه شما گفتين رو انجام دادم ولي همه چيز به هم ميريزه ميشه فايل رو ببينين

ببینید، من صحبت هایی که می کنم پیرامون آموزشی هست که در اینجا قرار دادم، منو های دیگه ممکنه با هر ساختاری طراحی شده باشن و مسلما کد هایی که دادم درش جواب نمیده. شما بهتره خودتون ساخت منو رو یاد بگیرید و منو های دیگه رو بر اساس نیازتون ویرایش کنید.

[madira]

<div class="navvy">

<ul class="navvylist">

<li><span lang="fa"><a href="index.aspx">صفحه اصلی</a></span></li>

<li><span lang="fa"><a href="#">درباره ما</a></span>

    <ul>

        <li><span lang="fa"><a href="history.aspx">تاریخچه شرکت</a></span></li>

    </ul>

    <ul>

        <li><span lang="fa"><a href="zamine-kari.aspx">زمینه کاری</a></span></li>

    </ul>

    <ul>

        <li><span lang="fa"><a href="ahdaf.aspx">دورنما،ماموریت و اهداف</a></span></li>

    </ul>

    



</li>

<li><span lang="fa"><a href="contacts.aspx">ارتباط با ما</a></span></li>

<li><span lang="fa"><a href="sitemap.aspx">نقشه سایت</a></span></li>

<li><span lang="fa"><a href="#">محصولات و خدمات</a></span>



        <ul>

            <li title=": ره نگار | Rah Negar Co :"><span lang="fa"><a href="#">GPS</a></span>

            

            <ul>

                <li><span lang="fa"><a href="gps-dasti.aspx">دستی</a></span></li>

            </ul>



            

        

            <ul>

                <li><span lang="fa"><a href="#">دریایی</a></span></li>

            </ul>

        </li>

    </ul>

    <ul>

        <li><span lang="fa"><a href="#">خودرویی - ناوبری</a></span>

        

        <ul>

            <li><span lang="fa"><a href="#">خودرویی</a></span>

            

            <ul>

                <li><span lang="fa"><a href="multimedia.aspx">Multimedia</a></span></li>

            </ul>

            

            

            

            </li>

        </ul>

        

        <ul>

            <li><span lang="fa"><a href="mobile.aspx">موبایل</a></span></li>

        </ul>

        

            

        </li>

    </ul>

    <ul>

        <li><span lang="fa"><a href="#">ردیابی</a></span>

        

        

        <ul>

            <li><span lang="fa"><a href="gps-dasti.aspx">جایاب (Online)</a></span>



        

        <ul>

            <li><span lang="fa"><a href="gps-dasti.aspx">دزدگیر ماهواره ای</a></span></li>

        </ul>

                    

            </li>

        </ul>

        

        

        

        

        </li>

    </ul>

    

    



</li>

</ul>

</div>

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

من میخام با کلیک روی هرکدوم از لینکهای منوی اصلی زیر منوی مربوط به اون باز بشه و در اون زیر منو هم با کلیک بر روی لینک اون زیر منوی مربوط به اون لینک باز بشه(در واقع یک منوی تودرتو دارم).

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

در واقع من کدی میخام که مثلا مقدار id هر تگ li رو به تابع پاس بده و اون تابع منو و زیر منوهاش رو باز و بسته کنه.

ممنون از راهنماییهاتون.
با تشکر.

[emad_67]

در واقع من کدی میخام که مثلا مقدار id هر تگ li رو به تابع پاس بده و اون تابع منو و زیر منوهاش رو باز و بسته کنه.

این موردی که می خوای مستلزم تغییر ساختار منو هست، چون با این ساختار فعلی و کاری که شما می خوای بکنی مشکل ایجاد می کنه، یعنی تنها می تونید بیرونی ترین منو رو باز بسته کنید.

[sm_mgh]

سلام

ممنون از کدی که گذاشته اید اما من دقیقا از نمونه کد گذاشته شده همراه با فایل مربوطه استفاده کردم ولی زیر منو را نمی توانم ببینم ممنون می شم اگه راهنمایی ام کنید.

[sm_mgh]

من کد را هم براتون فرستادم

[emad_67]

سلام

ممنون از کدی که گذاشته اید اما من دقیقا از نمونه کد گذاشته شده همراه با فایل مربوطه استفاده کردم ولی زیر منو را نمی توانم ببینم ممنون می شم اگه راهنمایی ام کنید.

قسمت class="sumenu" رو ننوشته بودی:

<li><a href="#">Front end</a>

        <ul class="submenu">

        <li><a href="#">Atricles</a></li>

        <li><a href="#">Users</a></li>

        <li><a href="#">Template</a></li>

        <li><a href="#">Recyle Bin</a></li>

        </ul>



    </li> 

[alihooman]

سلام
1.من چون میخام منو فارسی باشی، راست چین اش کردم. ولی زیر منوها رو نتونستم راست چین کنم.چی کار کنم؟
2.مربع خاکستری که کنار گزینه های زیرمنو هست، توسط کدوم کد درست میشه؟ چون میخام اونم راست چین باشه.
ممنون میشم اگه راهنماییم کنین.

[sahel65]

آقا عماد از کارتون لذت بردم، میشه بگید شما چه مدت روی طراحی و کار با css زمان گذاشتید؟
آیا مطالعه هم داشتید و یا از راه تمرین و ممارست توانایی های خودتون رو بالا بردید؟
با تشکر

[emad_67]

آقا عماد از کارتون لذت بردم، میشه بگید شما چه مدت روی طراحی و کار با css زمان گذاشتید؟
آیا مطالعه هم داشتید و یا از راه تمرین و ممارست توانایی های خودتون رو بالا بردید؟

ممنون، لطف داری
برای شروع من کتاب "101 نکته و ترفند برای استفاده از css در طراحی وب" رو خوندم. کتاب خیلی خوبی هست و تا حد زیادی دستم رو راه انداخت. بعد هم که خوندن مقالات (بیشتر عملی) از اینترنت و تمرین بود که باعث شد یه مقدار مسلط تر بشم.
موفق باشید

[jafar1374]

سلام
آیا میشه این راه رو برای سایت آگهی هم استفاده کرد؟
مثلا: برای اینها
املاک - صنعت و غیره
و کاری کرد که زیر منوهای اینا هم به اون شکل بیان
--------------------
اینم کدش هست

<a href="{$patch_url}/{$md_block_advertisement_main_cat_list.id}/index.html"> 

      <img alt="بخشها" src="{$md_block_advertisement_main_cat_list.pic}" width="24" border="0" height="20">

        <br />

        {$md_block_advertisement_main_cat_list.title}

[sahel65]

ممنون از پاسختون! اتفاقا من هم همون کتاب رو دارمش!
یه سوال؟؟
یکی از دوستان توی یه پست جدیدی که ایجاد کرده بود در خصوص راست چین کردن ازتون سوال کرده بود که شما جوابشو داده بودید!

http://www.barnamenevis.org/sh....php?p=1054917

در انتها گفته بودید همرو داخل یه div بذاره و خاصیت float اونو به right تعمیم بده!
میخوام ببینم همینجوری درسته:

<div id="forright">

<ul  id="menu">

    <li><a  href="#">Main Page</a></li>

    <li><a  href="#">Tools</a></li>

    <li><a  href="#">Front end</a>

       <ul class="submenu">



         <li><a  href="#">Atricles</a></li>

         <li><a href="#">Users</a></li>

         <li><a href="#">Template</a></li>

         <li><a href="#">Recyle Bin</a></li>

       </ul>

    <li><a href="#">Menues</a></li>

</ul>

</div>

------------------

این هم div مربوطه:

#forright

{

float:right;

}

[emad_67]

سلام
آیا میشه این راه رو برای سایت آگهی هم استفاده کرد؟
مثلا: برای اینها
املاک - صنعت و غیره
و کاری کرد که زیر منوهای اینا هم به اون شکل بیان

والا این چیزی که دادی اصلا معلوم نیست چیه.

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

http://www.barnamenevis.org/sh....php?p=1054917

در انتها گفته بودید همرو داخل یه div بذاره و خاصیت float اونو به right تعمیم بده!
میخوام ببینم همینجوری درسته:

بله درسته، دیگه بسته به نیازتون می تونید هر تغییری که بخواید بدید.

[davood59]

آقا عماد سلام؛
چند روزه که مقالات شما رو دیدم و از خوندن اونا لذت بردم ، همچنین در یادگیری نیز فوق العاده مفید و موثر بود.
لطفا هنوز هم مقالات خوب خودتون رو تو این سایت بذارید.
چون دکمه تشکر به تنهایی کافی نیست بازهم ازتون متشکرم.

[jafar1374]

آقا به داد من برسیم
من می خوام منوی بخشهای سایت اگهیم رو drop down کنم ولی کدهام اینجوریه چیکار کنم ؟

<table dir="rtl" width="600" border="0" cellspacing="0">

  <tbody><tr>

{if $md_block_advertisement_main_cat_list }

     {foreach from=$md_block_advertisement_main_cat_list item="md_block_advertisement_main_cat_list"}

 <td>

      <a href="{$patch_url}/{$md_block_advertisement_main_cat_list.id}/index.html"> 

      <img alt="بخشها" src="{$md_block_advertisement_main_cat_list.pic}" width="24" border="0" height="20">

        <br />

        {$md_block_advertisement_main_cat_list.title}

      </font>

      </a>    

   </td>

   {/foreach}

{else}

<td class="noresult">&nbsp;</td>

{/if} 

</tr>    

 </tbody></table>

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

[Khalil morradi]

ممنون از توضیحاتتون
من یک مشکل با منو طراحی شده در ie6 دارم توی این نسخه از اکسپلورر منو های من دیده میشه و hover اونها هم درست کار میکنه اما مشکلم اینه که اولا جای ساب منوها درست نیست و بهم ریخته است ثانیا بین آیتمهای آن فاصله وجود دارد (یعنی یک ساب منو یکپارچه ندارم و زیر هر آیتم منو یک فضای خالی وجود دارد ) و ثالثا منوی منو ها روی هم می افتند و زیرش هم دیده میشه من نمونه کدهامو براتون فرستادم

لطفا کمکم کنید

[battak]

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

[battak]

از دوستان دیگه کسی به این تاپیک سر نمیزنه! یا کم لطفی میکنن!!

[binboy]

با سلام
من تونستم منو را راست چین کنم فقط یک مشکل با چندتا درخواست دارم؟
1.با تغییر در css منو تو ie6 و ie5 کار نمیکنه؟
2.می خوام وقتی موس میره روی منوها، همانطور که رنگ بگراند منو در زمان hover تغییر میکنه رنگ فونتم تغییر کنه؟ menu li:hover#
3.میخوام برای زیر منوی که زیر منو داره جلوی لینک منو یک آیکن(پیکان) بزارم، به این معنا که این زیر منو نیز زیر منو دارد؟
4.جای لینکدار بودن متن منو اگر بشود کادر منو، دارای لینک شود بهتره؟
اینم کد CSS تغییر یافته:

/** Start Menu **/

#menu, #menu ul

{

    list-style: none;

    background-color: #f7f7eb;

    padding: 0 0 26px 0;

    margin: 0;

    color:#000;

}

#menu li

{

    float: right;

    margin-left: 3px;

    position: relative;

    border: 1px solid #ecffec;

}

#menu li:hover{

    background: #bd0000;

    color:#FFF;

}

#menu ul

{

    position: absolute; 

    top: 25px;

    right: -1px;

    width: 150px;

    padding: 0;

    display: none;

}

#menu ul li

{

    float: none;

    margin: 0;

    padding: 0;

    line-height: 15px;

}

#menu a:link, #menu a:visited

{

    display: block;

    font-family: Tahoma;

    font-size: 0.75em;

    font-weight: bold;

    text-align: right;

    text-decoration: none;

    color:#000;

    padding: 5px;

}



#menu li:hover ul.submenu

{

    display: block;

}

#menu ul.submenu ul

{

    top: 2px;

    left: -150px;

    display: none;

}

#menu ul.submenu li:hover ul

{

    display: block;

}



/** End Menu **/

لطفا در موارد بالا مرا کمک کنید.
با تشکر

[battak]

با سلام
با تغییر در css منو تو ie6 و ie5 کار نمیکنه؟
میخوام برای زیر منوی که زیر منو داره جلوی لینک منو یک آیکن(پیکان) بزارم، به این معنا که این زیر منو نیز زیر منو دارد؟

منم با این آیتم ها مشکل دارم، از دوستان کسی نیست که به داد این تاپیک برسه!!!

[binboy]

با سلام
من تونستم منو را راست چین کنم فقط یک مشکل با چندتا درخواست دارم؟
1.با تغییر در css منو تو ie6 و ie5 کار نمیکنه؟
2.می خوام وقتی موس میره روی منوها، همانطور که رنگ بگراند منو در زمان hover تغییر میکنه رنگ فونتم تغییر کنه؟ menu li:hover#
3.میخوام برای زیر منوی که زیر منو داره جلوی لینک منو یک آیکن(پیکان) بزارم، به این معنا که این زیر منو نیز زیر منو دارد؟
4.جای لینکدار بودن متن منو اگر بشود کادر منو، دارای لینک شود بهتره؟
اینم کد CSS تغییر یافته:

/** Start Menu **/

#menu, #menu ul

{

    list-style: none;

    background-color: #f7f7eb;

    padding: 0 0 26px 0;

    margin: 0;

    color:#000;

}

#menu li

{

    float: right;

    margin-left: 3px;

    position: relative;

    border: 1px solid #ecffec;

}

#menu li:hover{

    background: #bd0000;

    color:#FFF;

}

#menu ul

{

    position: absolute; 

    top: 25px;

    right: -1px;

    width: 150px;

    padding: 0;

    display: none;

}

#menu ul li

{

    float: none;

    margin: 0;

    padding: 0;

    line-height: 15px;

}

#menu a:link, #menu a:visited

{

    display: block;

    font-family: Tahoma;

    font-size: 0.75em;

    font-weight: bold;

    text-align: right;

    text-decoration: none;

    color:#000;

    padding: 5px;

}



#menu li:hover ul.submenu

{

    display: block;

}

#menu ul.submenu ul

{

    top: 2px;

    left: -150px;

    display: none;

}

#menu ul.submenu li:hover ul

{

    display: block;

}



/** End Menu **/

لطفا در موارد بالا مرا کمک کنید.
با تشکر

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

[aminicompeng]

سلام؛
من هر کاری می کنم نمی تونم این استایل رو برای منوی asp.net استفاده کنم. لطفا راهنمائی کنید.

[Mr FTHEL]

با سلام
من تونستم منو را راست چین کنم فقط یک مشکل با چندتا درخواست دارم؟
1.با تغییر در css منو تو ie6 و ie5 کار نمیکنه؟
2.می خوام وقتی موس میره روی منوها، همانطور که رنگ بگراند منو در زمان hover تغییر میکنه رنگ فونتم تغییر کنه؟ menu li:hover#
3.میخوام برای زیر منوی که زیر منو داره جلوی لینک منو یک آیکن(پیکان) بزارم، به این معنا که این زیر منو نیز زیر منو دارد؟
4.جای لینکدار بودن متن منو اگر بشود کادر منو، دارای لینک شود بهتره؟
اینم کد CSS تغییر یافته:

/** Start Menu **/

#menu, #menu ul

{

    list-style: none;

    background-color: #f7f7eb;

    padding: 0 0 26px 0;

    margin: 0;

    color:#000;

}

#menu li

{

    float: right;

    margin-left: 3px;

    position: relative;

    border: 1px solid #ecffec;

}

#menu li:hover{

    background: #bd0000;

    color:#FFF;

}

#menu ul

{

    position: absolute; 

    top: 25px;

    right: -1px;

    width: 150px;

    padding: 0;

    display: none;

}

#menu ul li

{

    float: none;

    margin: 0;

    padding: 0;

    line-height: 15px;

}

#menu a:link, #menu a:visited

{

    display: block;

    font-family: Tahoma;

    font-size: 0.75em;

    font-weight: bold;

    text-align: right;

    text-decoration: none;

    color:#000;

    padding: 5px;

}



#menu li:hover ul.submenu

{

    display: block;

}

#menu ul.submenu ul

{

    top: 2px;

    left: -150px;

    display: none;

}

#menu ul.submenu li:hover ul

{

    display: block;

}



/** End Menu **/

لطفا در موارد بالا مرا کمک کنید.
با تشکر

با سلام
من تونستم منو را راست چین کنم فقط یک مشکل با چندتا درخواست دارم؟
1.با تغییر در css منو تو ie6 و ie5 کار نمیکنه؟
2.می خوام وقتی موس میره روی منوها، همانطور که رنگ بگراند منو در زمان hover تغییر میکنه رنگ فونتم تغییر کنه؟ menu li:hover#
3.میخوام برای زیر منوی که زیر منو داره جلوی لینک منو یک آیکن(پیکان) بزارم، به این معنا که این زیر منو نیز زیر منو دارد؟
4.جای لینکدار بودن متن منو اگر بشود کادر منو، دارای لینک شود بهتره؟
اینم کد CSS تغییر یافته:

/** Start Menu **/

#menu, #menu ul

{

    list-style: none;

    background-color: #f7f7eb;

    padding: 0 0 26px 0;

    margin: 0;

    color:#000;

}

#menu li

{

    float: right;

    margin-left: 3px;

    position: relative;

    border: 1px solid #ecffec;

}

#menu li:hover{

    background: #bd0000;

    color:#FFF;

}

#menu ul

{

    position: absolute; 

    top: 25px;

    right: -1px;

    width: 150px;

    padding: 0;

    display: none;

}

#menu ul li

{

    float: none;

    margin: 0;

    padding: 0;

    line-height: 15px;

}

#menu a:link, #menu a:visited

{

    display: block;

    font-family: Tahoma;

    font-size: 0.75em;

    font-weight: bold;

    text-align: right;

    text-decoration: none;

    color:#000;

    padding: 5px;

}



#menu li:hover ul.submenu

{

    display: block;

}

#menu ul.submenu ul

{

    top: 2px;

    left: -150px;

    display: none;

}

#menu ul.submenu li:hover ul

{

    display: block;

}



/** End Menu **/

لطفا در موارد بالا مرا کمک کنید.
با تشکر

کلا اگر دوست داری واضح بگو میخوای چیکار کنی
1.مگه هنوزم ie 5 و 6 هست ؟ (کسی دیگه استفاده نمیکنه تقریبا)
2.من نفهمیدم چی میگی اما اینو واست نوشتم چک کن
3.پیکان رو میتونی دستی بدی اما اگر واسه سایت باشه اسکریپت مینویسی که راحت باشی
4.مگه نیست؟ نفهمیدم منظورت چیه
و در آخر نیاز به فایل جاوا اسکریپت هست فایل رو ضمیمه کردم البته این به صورت ajax هست
راستی توی بقیه IE ها مشکل نداره؟ :-?

[Mr FTHEL]

سلام؛
من هر کاری می کنم نمی تونم این استایل رو برای منوی ASP.NET استفاده کنم. لطفا راهنمائی کنید.

کدوم؟
به نظرم بری توی تالار asp راحتر بهت جواب میدن

[aminicompeng]

کدوم؟
به نظرم بری توی تالار asp راحتر بهت جواب میدن

فرقی نمی کنه هر استایلی که میزارم. احتمالا بخاطر اینه که از IE6 استفاده می کنم، متاسفانه نمی تونم از ورژن های دیگه ای استفاده کنم.(بخاطر اینکه سیستمی که توی شرکت روش کار می کنیم از 7 ، 8 سال پیش ایجاد شده که با Browser های دیگه و جدید خیلی سازگار نیست)
ممنون از لطفتون

[mahsa.n]

سلام آقا عماد من منوي شما رو گذاشتم تو سايتم ولي زير منوها تو ie6 باز نميشن
من بايد چي كار كنم؟

[L_eskandary]

سلام دوستان
ممنون بخاطر کار خوبتون ...
یه سوال : اگه بخوام برا هر کدوم از منوهای اصلی ام image جداگانه ای تعریف کنم یعنی یه Backgroundimage‌ جداگانه برا Tools , Front End , ... باید کدوم قسمت رو تغییر بدم ؟