نگار صادقی 1025 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 (ویرایش شده) سلام. خسته نباشید.من یه منو جمع و جور کردم ولی یه ایرادی داره و توی مرور گر های مختلف خیلی بد نمایش داده میشهاین شکلش توی مرورگر گوگل کروم هستاینم شکلش توی فایرفاکس هستکد هم اینهکد css : #mn_menu1{text-align:left;color:#fff;font-family:Tahoma, Geneva, sans-serif;line-height:-10px; }#mn_menu1 a{color:#fff;text-decoration:none;font-family:Tahoma, Geneva, sans-serif;font-size:11px;padding:5px;}#mn_menu1 a:hover{color:#3a345f; text-shadow:0px 1px 0px #ccc;display:inline;padding:5px;-webkit-box-shadow: 0 0 2px #CCC, inset 0 0 20px rgba(0,0,0,0.2), 05px 10px rgba(0,0,0,0.35);box-shadow: 0 0 2px #CCC, inset 0 0 20px rgba(0,0,0,0.2), 0 5px 10pxrgba(0,0,0,0.35);}a.mn_menu_nv1{color:fff;text-decoration:none;}a:link.mn_menu_nv1{text-decoration:overline;}a:hover.mn_menu_nv1{color:#fff;display:inline;}.menu2{background:#039;z-index:100;}.mn_menu_nv1{top:0px;z-index:100;left:-120px;margin-left:3px;position:relative; -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}.mn_menu_nv1:hover{top:0px;z-index:100;left:-5px;margin-left:3px;position:relative;}.mn_menu_td1{ background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);background-image:-o-linear-gradient(left, #28bb5c, #1faf52);background-image:linear-gradient(left, #28bb5c, #1faf52);padding:10px;z-index:100;}.mn_menu_td2{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);background-image:-o-linear-gradient(left, #28bb5c, #1faf52);background-image:linear-gradient(left, #28bb5c, #1faf52);height:10px;padding:10px;z-index:100;}.mn_menu_td3{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);background-image:-o-linear-gradient(left, #28bb5c, #1faf52);background-image:linear-gradient(left, #28bb5c, #1faf52);z-index:100;padding:10px;}.mn_menu_td4{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);background-image:-o-linear-gradient(left, #28bb5c, #1faf52);background-image:linear-gradient(left, #28bb5c, #1faf52); border:##9896B7 1px;moz-border-radius: 5px;webkit-border-radius: 5px;border-radius:0px 0px 10px 0px;padding:10px;z-index:100;}.td5{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);background-image:-o-linear-gradient(left, #28bb5c, #1faf52);background-image:linear-gradient(left, #28bb5c, #1faf52); border:#9896B7 1px;moz-border-radius: 5px;webkit-border-radius: 5px;border-radius:0px ;padding:10px;z-index:100;} این کد هم توی فایل header میزارم<div style="position: fixed; z-index:100; left:0px; top:200px;height:200px; float:left; width:200px;"><divid="mn_menu1" style="clear:both" ><table dir="rtl" width="150px" align="left" cellpadding="0" cellspacing="0" onmouseover="showmenua()"onmouseout="hidemenua()" class="mn_menu_nv1" id="myMenu2" name="myMenu2"> <tr> <td valign="top" class="td6" rowspan="5" align="center"><imgsrc="http://mohseneo.persiangig.com/other/mn_menu02.png"/> </td> <td align="right" width="200" class="td5" valign="top"><a href="http://www.morahem.com/majale/%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af/">درباره بروجرد</a> </td> </tr> <tr align="right"> <td class="mn_menu_td1"><a href="http://www.morahem.com/majale/%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af-2/">تصاویر بروجرد</a> </td> </tr> <tr align="right"> <td class="mn_menu_td2"><a href="http://www.morahem.com/majale/%d8%aa%d8%a7%d8%b1%db%8c%d8%ae%da%86%d9%87-%d8%b4%d9%87%d8%b1-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af/">تاریخچه بروجرد</a> </td> </tr> <tr align="right"> <td class="mn_menu_td3"><a href="http://www.morahem.com/majale/%d9%85%d8%b4%d8%a7%d9%87%db%8c%d8%b1-%d8%b4%d9%87%d8%b1%d8%b3%d8%aa%d8%a7%d9%86-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af/">چهرهای بروجردی</a> </td> </tr> <tr align="right"> <td class="mn_menu_td4"><a href="#">اشعار بروجردی</a> </td> </tr> </table> </div></div> ویرایش شده دی 91 توسط Morteza نقل قول لینک به ارسال
Parsa 23463 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 برای من در هردو مرورگر به یه شکل نمایش داده میشه <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style>#mn_menu1{text-align:left;color:#fff;font-family:Tahoma, Geneva, sans-serif;line-height:-10px; }#mn_menu1 a{color:#fff;text-decoration:none;font-family:Tahoma, Geneva, sans-serif;font-size:11px;padding:5px;}#mn_menu1 a:hover{color:#3a345f; text-shadow:0px 1px 0px #ccc;display:inline;padding:5px;-webkit-box-shadow: 0 0 2px #CCC, inset 0 0 20px rgba(0,0,0,0.2), 05px 10px rgba(0,0,0,0.35); box-shadow: 0 0 2px #CCC, inset 0 0 20px rgba(0,0,0,0.2), 0 5px 10pxrgba(0,0,0,0.35);}a.mn_menu_nv1{color:fff;text-decoration:none;}a:link.mn_menu_nv1{ text-decoration:overline;}a:hover.mn_menu_nv1{ color:#fff; display:inline;}.menu2{background:#039;z-index:100;}.mn_menu_nv1{ top:0px;z-index:100; left:-120px; margin-left:3px; position:relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}.mn_menu_nv1:hover{ top:0px;z-index:100; left:-5px; margin-left:3px; position:relative;}.mn_menu_td1{ background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52); background-image:-moz-linear-gradient(left, #28bb5c, #1faf52); background-image:-ms-linear-gradient(left, #28bb5c, #1faf52); background-image:-o-linear-gradient(left, #28bb5c, #1faf52); background-image:linear-gradient(left, #28bb5c, #1faf52); padding:10px;z-index:100;}.mn_menu_td2{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52); background-image:-moz-linear-gradient(left, #28bb5c, #1faf52); background-image:-ms-linear-gradient(left, #28bb5c, #1faf52); background-image:-o-linear-gradient(left, #28bb5c, #1faf52); background-image:linear-gradient(left, #28bb5c, #1faf52); height:10px; padding:10px;z-index:100;}.mn_menu_td3{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52); background-image:-moz-linear-gradient(left, #28bb5c, #1faf52); background-image:-ms-linear-gradient(left, #28bb5c, #1faf52); background-image:-o-linear-gradient(left, #28bb5c, #1faf52); background-image:linear-gradient(left, #28bb5c, #1faf52);z-index:100;padding:10px;}.mn_menu_td4{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52); background-image:-moz-linear-gradient(left, #28bb5c, #1faf52); background-image:-ms-linear-gradient(left, #28bb5c, #1faf52); background-image:-o-linear-gradient(left, #28bb5c, #1faf52); background-image:linear-gradient(left, #28bb5c, #1faf52); border:##9896B7 1px; moz-border-radius: 5px; webkit-border-radius: 5px; border-radius:0px 0px 10px 0px; padding:10px;z-index:100;}.td5{background:#1faf52;background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52); background-image:-moz-linear-gradient(left, #28bb5c, #1faf52); background-image:-ms-linear-gradient(left, #28bb5c, #1faf52); background-image:-o-linear-gradient(left, #28bb5c, #1faf52); background-image:linear-gradient(left, #28bb5c, #1faf52); border:#9896B7 1px; moz-border-radius: 5px; webkit-border-radius: 5px; border-radius:0px ; padding:10px;z-index:100;}</style></head><body><div style="position: fixed; z-index:100; left:0px; top:200px;height:200px; float:left; width:200px;"><divid="mn_menu1" style="clear:both" > <table dir="rtl" width="150px" align="left" cellpadding="0" cellspacing="0" onmouseover="showmenua()"onmouseout="hidemenua()" class="mn_menu_nv1" id="myMenu2" name="myMenu2"> <tr> <td valign="top" class="td6" rowspan="5" align="center"><imgsrc="http://mohseneo.persiangig.com/other/mn_menu02.png"/> </td> <td align="right" width="200" class="td5" valign="top"><a href="http://www.morahem.com/majale/%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af/">درباره بروجرد</a> </td> </tr> <tr align="right"> <td class="mn_menu_td1"><a href="http://www.morahem.com/majale/%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af-2/">تصاویر بروجرد</a> </td> </tr> <tr align="right"> <td class="mn_menu_td2"><a href="http://www.morahem.com/majale/%d8%aa%d8%a7%d8%b1%db%8c%d8%ae%da%86%d9%87-%d8%b4%d9%87%d8%b1-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af/">تاریخچه بروجرد</a> </td> </tr> <tr align="right"> <td class="mn_menu_td3"><a href="http://www.morahem.com/majale/%d9%85%d8%b4%d8%a7%d9%87%db%8c%d8%b1-%d8%b4%d9%87%d8%b1%d8%b3%d8%aa%d8%a7%d9%86-%d8%a8%d8%b1%d9%88%d8%ac%d8%b1%d8%af/">چهرهای بروجردی</a> </td> </tr> <tr align="right"> <td class="mn_menu_td4"><a href="#">اشعار بروجردی</a> </td> </tr> </table> </div></div></body></html> 3 نقل قول لینک به ارسال
نگار صادقی 1025 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 (ویرایش شده) ممنون پس چرا واسه من این شکلیه!!! احتمالا نسخه مرورگرهای من قدیمی باشهاگه ممکنه و زحمتی نیست یه نفر دیگه این کدها رو تست کنه ممنون ویرایش شده دی 91 توسط نگار صادقی نقل قول لینک به ارسال
Morteza 34190 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 برای منهم درسته و یکسانhttp://jsfiddle.net/NpwaK/همه مرورگرها هم نسخه آخر هستن 3 نقل قول لینک به ارسال
سعید حسینی 2409 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 سلاممنم همینطور تفاوتی نداشت.chrome 23 , Firefox17کوکی و تمپ مرورگر هاتونو حذف کنید و یا با Ctrl+F5 امتحان کنید. 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .