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

الموضوع: مشكلة css فى القوائم و التابات على الاكسبلورر

  1. #1

    مشكلة css فى القوائم و التابات على الاكسبلورر



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

    اخواني عندي مشكله فى هذا الاستايل

    http://www.l7azat.com/vb/index.php?styleid=8

    عندما اقوم بتصفحه على الانترنت اكسبلورر تظهر القوائم بشكل افقي

    اما على الفايرفوكس تظهر بشكل طبيعي

    صور ::






    الاكواد المستخدمه

    CSS

    كود:
    .infobar {
    background: url(images/ah/info_main.jpg) top left no-repeat;
    width: 296px;
    height: 129px;
    }
    
    .infobar_text {
    padding: 12px;
    }
    
    .border_left {
    background: url(images/ah/border_left.jpg) top left repeat-y;
    }
    
    .border_right {
    background: url(images/ah/border_right.jpg) top right repeat-y;
    }
    
    #tabs ul {
        list-style: none;
        padding: 0;
        margin: 0;
        } 
    
    #tabs li {
        display: inline;
        padding: 0;
        margin: 0;
        }
        
    a.tab_arcade {
        background: url(images/ah/tab_arcade_off.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a.tab_memdl {
        background: url(images/ah/tab_memdl_off.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a.tab_botdl {
        background: url(images/ah/tab_botdl_off.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a.tab_request {
        background: url(images/ah/tab_request_off.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a.tab_community {
        background: url(images/ah/tab_community_off.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    
    a:hover.tab_arcade {
        background: url(images/ah/tab_arcade_on.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a:hover.tab_memdl {
        background: url(images/ah/tab_memdl_on.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a:hover.tab_botdl {
        background: url(images/ah/tab_botdl_on.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a:hover.tab_request {
        background: url(images/ah/tab_request_on.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    a:hover.tab_community {
        background: url(images/ah/tab_community_on.jpg) top left no-repeat;
        height: 52px;
        width: 146px;
        }
    
    #tabs li a {
        overflow: hidden;
        display: block;
        }
    
    #tabs li {
        float: left;
        }
    
    #nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        } 
    
    #nav li {
        display: inline;
        padding: 0;
        margin: 0;
        }
    
    #nav li a {
        overflow: hidden;
        display: block;
        }
    
    #nav li {
        float: left;
        }
    
    a.nav_livebets {
        background: url(images/ah/nav_livebets_off.jpg) top left no-repeat;
        height: 42px;
        width: 105px;
        }
    
    a.nav_casino {
        background: url(images/ah/nav_casino_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_television {
        background: url(images/ah/nav_television_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    
    a.nav_usercp {
        background: url(images/ah/usercp_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_main {
        background: url(images/ah/nav_main_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_up {
        background: url(images/ah/nav_up_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_short {
        background: url(images/ah/nav_short_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_games{
        background: url(images/ah/nav_games_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_newposts {
        background: url(images/ah/nav_newposts_off.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a.nav_logout {
        background: url(images/ah/nav_logout_off.jpg) top left no-repeat;
        height: 42px;
        width: 105px;
        }
    
    
    a:hover.nav_livebets {
        background: url(images/ah/nav_livebets_on.jpg) top left no-repeat;
        height: 42px;
        width: 105px;
        }
    
    a:hover.nav_casino {
        background: url(images/ah/nav_casino_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_television {
        background: url(images/ah/nav_television_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_chat {
        background: url(images/ah/nav_chat_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_usercp {
        background: url(images/ah/usercp_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_games {
        background: url(images/ah/nav_games_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_short {
        background: url(images/ah/nav_short_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_main {
        background: url(images/ah/nav_main_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_up {
        background: url(images/ah/nav_up_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_newposts {
        background: url(images/ah/nav_newposts_on.jpg) top left no-repeat;
        height: 42px;
        width: 104px;
        }
    
    a:hover.nav_logout {
        background: url(images/ah/nav_logout_on.jpg) top left no-repeat;
        height: 42px;
        width: 105px;
        }
    
    .adrow_main {
    background: url(images/ah/adrow_main.jpg) top left repeat-x;
    height: 70px;
    }
    
    .adrow_left {
    background: url(images/ah/adrow_left.jpg) top left no-repeat;
    height: 70px;
    }
    
    .adrow_right {
    background: url(images/ah/adrow_right.jpg) top right no-repeat;
    height: 70px;
    }
    
    .adrow_pad {
    vertical-align: middle;
    padding: 4px;
    }
    
    .footer_main {
    background: url(images/ah/footer_main.jpg) top left repeat-x;
    padding: 9px 5px 9px 5px;
    }
    
    .footer_main a {
    color: #FFF;
    text-decoration: none;
    }
    
    .footer_main a:hover {
    color: #000;
    text-decoration: none;
    }
    
    .sm_main {
    background: url(images/ah/statusmarker_main.jpg) top left repeat-x;
    height: 100px;
    }
    
    .sm_left {
    background: url(images/ah/statusmarker_left.jpg) top left no-repeat;
    height: 100px;
    }
    
    .sm_right {
    background: url(images/ah/statusmarker_right.jpg) top right no-repeat;
    height: 100px;
    }
    HTML
    كود:
    <table cellpadding="0" cellspacing="0" border="0" align="center">
    <tr>
    <td>
    <div id="nav">
    <ul>
    <li><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" class="nav_logout"></a></li>
    <li><a href="http://games.l7azat.com/" class="nav_games"></a></li>
    <li><a href="http://s.l7azat.com/" class="nav_short"></a></li>
    <li><a href="http://img.l7azat.com/" class="nav_up" target=_blank></a></li>
    <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2" class="nav_newposts"></a></li>
    <li><a href="http://www.l7azat.com/vb/usercp.php" class="nav_usercp"></a></li>
    <li><a href="/vb/" class="nav_main"></a></li>
    
    </ul>
    </div>
    </td>
    </tr>
    </table>

    هل يمكن اصلاح الامر في الإكسبلورر .. ؟؟





    __________________
    كن حكيم في استخدام عقلك


  2. #2


    الخطأ يزول عند التحول من اللغه العربيه الي الانجليزيه

    اعتقد هناك تعديل بسيط فى كود css لكن للأسف لست بتلك الخبره في التعامل معها !!





    __________________
    كن حكيم في استخدام عقلك



  3. يا هلا

    جرب استبدال


    كود:
         display: inline;
    الى

    كود:
    Float: right;






    __________________
    ownersınnı
    ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Nov 2008
    المشاركات
    117


    السلام عليكم .. شوف أخى أنا جربت الكود ومفهوش مشكلة لكن أتوقع المشكلة اللى تظهر ديه من ا لtable ممكن يكون فيه مؤثر من استايل المنتدى عليه ..

    جرب
    كود:
     
     
    <table id="table" cellpadding="0" cellspacing="0"
     border="0" align="center
    ">
    و ال Css
    كود:
     
    #table {
    height: auto;
    width: auto;
    }






    __________________
    Mohamed Amin
    Ui & Web Designer
    graphic_designer2007#hotmail.com

  5. #5


    يا هلا

    جرب استبدال


    كود:
         display: inline;
    الى

    كود:
    Float: right;
    السلام عليكم .. شوف أخى أنا جربت الكود ومفهوش مشكلة لكن أتوقع المشكلة اللى تظهر ديه من ا لtable ممكن يكون فيه مؤثر من استايل المنتدى عليه ..

    جرب
    كود:
     
     
    <table id="table" cellpadding="0" cellspacing="0"
     border="0" align="center
    ">
    و ال Css
    كود:
     
    #table {
    height: auto;
    width: auto;
    }
    امممم
    بارك الله فيكم اخواني على المساعده
    لكن للأسف
    جربت الحلين ولم يفلح الامر معي

    كم قلت يعمل جيدا فى الغه الانجليزيه بينما العربيه لا يعمل !!





    __________________
    كن حكيم في استخدام عقلك

  6. #6


    قمت بحل المشكله عن طريق اعطاء الجدول عرض 100%
    فأصبح الكود

    <table cellpadding="0" cellspacing="0" border="0" width="100%">

    شكرا لكم يا شباب ..





    __________________
    كن حكيم في استخدام عقلك

  7. #7


    اخي العزيز elalbab :

    لقد حللت المشكلة بالطريقة الصعبة .

    اذا كانت مشكلتك مع اكسبلورر 6 فالحل هو باستبدال

    inline

    بـ inline-block

    اتمنى ان تحل المشكلة بصورة صحيحة





    __________________
    مبرمج php للتواصل : roudyhermez(at)hotmail(dot)com
    مدونتي PlusCSS

  8. #8


    اممممممم

    شكرا لك اخي الكريم
    و لكن هل نفس الحل للإكسبلورر 7 ؟

    لم اجربه على 6 صراحة و لكن كانت مشكلتي مع 7





    __________________
    كن حكيم في استخدام عقلك

  9. #9


    انترنت اكسبلورر 7 ليست لديه اي مشكلة مع القوائم و التابات لأنه نوعاً ما قريب الى القياسية مثل فيرفوكس و اوبرا لكن المشكلة عادة تكون مع اكسبلورر 6 حيث يظهر التابات بشكل افقي فوق بعضها و ليس بجانب بعضها و الحل كما ذكرت لك .. بتغيير display من inline إلى inline-block

    ارجو ان اكون قد افدتك .





    __________________
    مبرمج php للتواصل : roudyhermez(at)hotmail(dot)com
    مدونتي PlusCSS





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

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

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