النتائج 1 إلى 8 من 8

الموضوع: مساعده - كود القائمة menu

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    700

    مساعده - كود القائمة menu



    السلام عليكم ورحمة الله وبركاته

    لدي كود عملة css

    قائمة رئيسية عند وضع الماوس على احد من القوائم تتغير لون الخلفيه تعمل 100% على الفاير فوكس

    لكن على الانترنت اكسبلور لا تعمل عند مرور الماوس


    هذا الكود css

    كود HTML:
    <style>
    a {
    color:black;
        text-decoration: none;
    }
    
    body {
      font-family: tahoma, arial, helvetica, sans-serif ;
    
    }
    .menu {
    text-align: center;
    border: dotted gray 1px;
    margin-bottom:3px
    }
    .menu:hover {
    background: #f3f3f3;
    text-align: center;
    border: dotted gray 1px;
    margin-bottom:3px
    }
    </style>
    كود html

    كود HTML:
    <table class="menu" width="100%">
    									<tr>
    										<td><a href="?page=note">
    										<span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td>
    									</tr>
    								</table>
    
    <table class="menu" width="100%">
    									<tr>
    										<td><a href="?page=note">
    										<span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td>
    									</tr>
    								</table>
    
    <table class="menu" width="100%">
    									<tr>
    										<td><a href="?page=note">
    										<span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td>
    									</tr>
    								</table>
    ارجو الافاده بالكود شكرا







  2. #2
    عضو سوبر نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    709

    background: #f3f3f3;



    جرب تستعمل
    background-color: #f3f3f3;

    بدل
    background: #f3f3f3;






    __________________
    تصميم و برمجة : سرعة و إتقان.
    للاتصال : codezigner@gmail.com

  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    700


    جربت نفس المشكله مافي تغيرات






  4. #4
    عضو فعال
    تاريخ التسجيل
    May 2006
    المشاركات
    1,178


    hover لا يعمل في الاكسبلورر القديم كتأثير الا على الروابط فقط

    مع العلم انه كودك يعمل على اكسبلورر 9 واكسبلورر 8

    إذا اردت بشدة ظهور التأثير عند مرور الماوس تغيير اللون على متصفحات اكسبلورر القديمة يجب عليك استخدام مكتبة jQuery

    إذا اردت المساعدة في تنفيذ الكود بالـ jQuery اخبرني





    __________________
    مبادرة حدث متصفحك - شاركوا بها في مواقعكم
    You have to know, If you pay peanuts you get monkeys

  5. #5
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    700


    ياليت الافاده والله بحاجه لعمل الطريقة






  6. #6
    عضو فعال
    تاريخ التسجيل
    May 2006
    المشاركات
    1,178


    تفضل اخي الكريم

    كود css

    كود:
    a {
    color:black;
        text-decoration: none;
    }
    
    body {
      font-family: tahoma, arial, helvetica, sans-serif ;
    
    }
    .menu {
    text-align: center;
    border: dotted gray 1px;
    margin-bottom:3px
    }
    .menuhover {
    background: #f3f3f3;
    text-align: center;
    border: dotted gray 1px;
    margin-bottom:3px
    }
    كود html

    كود:
    <table class="menu" width="100%"> <tr> <td><a href="?page=note"> <span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td> </tr> </table> <table class="menu" width="100%"> <tr> <td><a href="?page=note"> <span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td> </tr> </table> <table class="menu" width="100%"> <tr> <td><a href="?page=note"> <span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td> </tr> </table>
    كود javascript

    كود:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
    $(".menu").hover(
      function () {$(this).addClass("menuhover");},
      function () {$(this).removeClass("menuhover");
      });
    </script>
    يرجى وضع كود الـ javascript في نهاية الصفحة قبل </body>

    خالص تحياتي





    التعديل الأخير تم بواسطة TlT ; 18-05-2012 الساعة 03:31 AM
    __________________
    مبادرة حدث متصفحك - شاركوا بها في مواقعكم
    You have to know, If you pay peanuts you get monkeys

  7. #7
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    700


    شاكر لك وجاري التجربة

    واشكر تعبك معاي الله يوفقك ان شاء الله






  8. #8
    عضو فعال
    تاريخ التسجيل
    May 2006
    المشاركات
    1,178


    شاكر لك وجاري التجربة

    واشكر تعبك معاي الله يوفقك ان شاء الله
    عفواً اخي الكريم سعدت بمساعدتك

    إذا احجت اي مساعدة انا حاضر





    __________________
    مبادرة حدث متصفحك - شاركوا بها في مواقعكم
    You have to know, If you pay peanuts you get monkeys





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض