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

الموضوع: مشكله تصميم بمتصفح انترنت اكسبلور

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274

    Question مشكله تصميم بمتصفح انترنت اكسبلور



    اخواني في تصميم عندي بالرابط تجريبي

    http://admincp.info/test2

    اذا تصفحته بالفايروفوكس يطلع تمام المنحنيات في الاسفل مثال صوره :



    اما اذا تصفحته بانترنت اسكبلور يطلع خطا مثال صوره :



    مع العلم اني اختبرت الموقع وهو مطابق للمعايير القياسيه مثل هذه المشاكل كيف حلها وسببها ؟







  2. Exclamation



    أنت متأكد أن الموقع خالي من الأخطاء ومطابق للمعايير شاهد هنا...
    أوعي تكون الأختبار اللي تقصدة هو خصائص CSS فقط ؟!!! فليس له أي تأثير.

    لحل المشكلة عليك أولاً تصحيح أخطاء الصفحة HTML، ثم راعي وأنت تنسق الجداول والصور عدم ترك مسافات زائدة.. يعني في حالة وضع صورة داخل جدول بهذا الشكل...

    كود:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
    	
    	<img src="img.gif" /> 
    	
    	</td>
      </tr>
    </table>
    تفهم خطأ في برنامج انترنت اكسبلور وتترك مسافات داخلية padding، والأفضل وضعها هكذا بدون أي مسافات..

    كود:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="img.gif" /></td>
      </tr>
    </table>
    بمجرد التصحيح سوف تنتهي مشاكل المظهر بين المتصفحين..





    __________________
    كتوم في المصنع {...}

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    مشكور عزيزي علي توضيح طلع عندي 77 خطأ عدلت باقي عندي 33 خطأ من يتكرم ويساعدني بعضهم مو فاهم وش يبي






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


    السلام عليكم

    لديك عدة اخطاء منها ما يتعلق بعناصر الجداول وتموضعها في الصفحة، ومنها ما غير ذلك كإستخدامك للوسم <div> بين وسمي <ul> بدلاً عن <li>، ايضاً لا يجب طباعة الوسوم والعناصر بواسطة capital letters كما حدث هنا لـ onmouseover و onmouseout:
    كود HTML:
            <td width="100" height="35"><a href="#" onMouseOver="swap('home','nav_home2')" onMouseOut="swap('home','nav_home')"><img alt="" name="home" src="http://admincp.info/test2/images/nav_home.gif" /></a></td>
    كان من الأجدر ان تعتمد على وسوم <div> في توزيع الصفحة وان تبتعد عن فعل ذلك بواسطة الجداول.
    على اية حال تستطيع البدأ بالتصحيح عن طريق:

    إضافة:
    كود HTML:
     alt=""
    بعد كل:
    كود HTML:
    <img






    التعديل الأخير تم بواسطة mercy571 ; 18-12-2008 الساعة 02:43 PM
    __________________
    ( ما وجد أحد في نفسه كبرا إلا من مهانة يجدها في نفسه )

    الشيماء :
    انشودة امي فلسطين

  5. #5
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    جزاك الله خير حليت مشاكل الصور باقي ست خطاء من يكمل الباقي ينورنا






  6. #6
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    118


    جميل..
    ولكن راجع ردي السابق فقد قمت بتعديله مع الإشارة الى طريقة تصحيح الأخطاء التالية:
    Line 40, Column 56: there is no attribute "onMouseOver".
    Line 40, Column 94: there is no attribute "onMouseOut".
    Line 106, Column 12: end tag for "li" omitted, but OMITTAG NO was specified.






    التعديل الأخير تم بواسطة mercy571 ; 18-12-2008 الساعة 03:08 PM
    __________________
    ( ما وجد أحد في نفسه كبرا إلا من مهانة يجدها في نفسه )

    الشيماء :
    انشودة امي فلسطين

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    جزاك لله خير بس مافهمت زين تقدر تضبطها لي وكيف طريقه استخدام <div> بدل الجداول ارفق لك تصميم تساعدني فيه ومشكور مقدما فهمت شغلات كثيره كنت اجهلها






  8. #8
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    باقي اربع اخطاء ادري طفشتكم بس نتعلم منكم اربع تخطتء بوسم <div> شلون حلها وكيف ابدل الجداول بي <div>






  9. #9
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    118


    الأخطاء كما تظهر لدي كالتالي:

    1. Line 101, Column 12: document type does not allow element "div" here; assuming missing "li" start-tag. <div><img src="http://admincp.info/test2/images/small.gif" alt="" /> FREE Domain Name</div> ?
    2. Line 106, Column 12: end tag for "li" omitted, but OMITTAG NO was specified. </ul> ?
    You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
    3. Line 101, Column 8: start tag was here. <div><img src="http://admincp.info/test2/images/small.gif" alt="" /> FREE Domain Name</div>
    4. Line 134, Column 12: document type does not allow element "div" here; assuming missing "li" start-tag. <div><img src="http://admincp.info/test2/images/small.gif" alt="" /> PHP MySQL</div> ?
    5. Line 139, Column 10: end tag for "li" omitted, but OMITTAG NO was specified. </ul> ?
    You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
    6. Line 134, Column 8: start tag was here. <div><img src="http://admincp.info/test2/images/small.gif" alt="" /> PHP MySQL</div>

    الأكواد لا تظهر بشكل واضح عند تضمينها داخل الموضوع لذا وضعتها في ملف مرفق، قم بتنزيل الملف واتبع الخطوات.


    من المفترض ان يختفي الخطأ الذي تتسبب به هذه الأكواد.
    ولكن سيطرأ على التصميم بعض التغييرات كظهور التنسيق الخاص بقوائم list (النقاط)، ويمكن معالجة هذا الأمر بإضافة السطر التالي الى ملف الstyle.css الخاص بالقالب:
    كود:
    .list li {
        list-style: none;
        }
    بالنسبة لإستبدال الجداول بالdiv فالمسألة ليست بهذه البساطة، اذا ما اردت ان يتم ذلك بصورة جيدة فعليك بإعادة هيكلة الصفحة من جديد والإعتماد على div من البداية، بل ان الأمر يصبح اسهل ان بدأت بذلك من الصفر دون اللجوء الى تعديل ما قمت به بواسطة الجداول، ولا مانع لدي من القيام بذلك ان انت شئت.
    اخيراً .. اعتذر عن التقصير والذي سببه ضيق الوقت لدي، بالتوفيق.





    الملفات المرفقة الملفات المرفقة
    • نوع الملف: txt 1.txt‏ (1.3 كيلوبايت, 14 مشاهدات)
    التعديل الأخير تم بواسطة mercy571 ; 18-12-2008 الساعة 05:40 PM
    __________________
    ( ما وجد أحد في نفسه كبرا إلا من مهانة يجدها في نفسه )

    الشيماء :
    انشودة امي فلسطين

  10. #10
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    بارك الله فيك عدلت ونجح التصميم

    بس الي الان المنحنيات باسفل التصميم مو مضبوطه بمتصفح انترنت اكسبلور بس علي فليروفوكس تمام اجل تعبنا في المعاير ما جاب نتيجه نفس الشي !!






  11. #11
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    تسلم اخوي لله يجزاك خير حمل تصميم اذا حبيت تحول الجدول يمكن تنحل مشكله نصفح لئني اختبرت تصميم ونجح بس باقي مشكله زي ما اهي ،، وجزاك لله خير

    http://admincp.info/test2.rar






  12. #12
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    118


    لكي تظهر المنحنيات في ذيل الصفحة بشكل جيد، اتبع هذه الخطوات (او حمل المرفقات واستبدلها بالملفات لديك):

    في الملف index.html، استبدل:
    كود:
    <table border="0" cellpadding="0" cellspacing="0" class="fixedwidth">
      <tr>
          <td>
        <img src="images/left-curve.gif" alt="" />
        </td>
        <td class="footer">
        <a href="#" class="sublink">Privacy Policy</a> | <a href="#" class="sublink">Terms</a> | <a href="#" class="sublink">Order</a> | <a href="#" class="sublink">Advanced Search</a> | <a href="#" class="sublink">Contact</a></td>
        <td class="design">    
        </td>
        <td >
        <img src="images/right-curve.gif" alt="" />
        </td>
      </tr>
    </table>
    بالتالي:
    كود:
    <div class="footer">
          <div class="right-corner">
        </div>
          <div class="left-corner">
        </div>
        <div class="footer-links">
        <a href="#" class="sublink">Privacy Policy</a> | <a href="#" class="sublink">Terms</a> | <a href="#" class="sublink">Order</a> | <a href="#" class="sublink">Advanced Search</a> | <a href="#" class="sublink">Contact</a>
        </div>
    </div>
    في ملف style.css استبدل:
    كود:
    .footer {
    
    border-bottom:1px solid #cccccc;
    
    height:33px;
    
    width: 100%;
    
    background-color:#EFEFEF;
    
    }
    بالتالي:
    كود:
    .footer {
        height:33px;
        width: 100%;
    }
    
    .footer-links {
        height:32px;
        width: 734px;
        background-color:#EFEFEF;
        border-bottom:1px solid #CCCCCC;
        margin: auto;
        line-height: 32px;
    }
    
    .right-corner {
        width: 33px;
        height: 33px;
        float: right; 
        background: url(images/right-curve.gif) no-repeat;
    }    
    
    .left-corner {
        width: 33px;
        height: 33px;
        float: left; 
        background: url(images/left-curve.gif) no-repeat;
    }
    * بالمناسبة.. تستطيع إضافة:
    كود:
    &amp;
    عوضاً عن:
    كود:
    &
    والتي تحدث اخطاء في المعايير.
    في السطر التالي:
    كود:
     <li><img src="images/small.gif" alt="" /> PHP & MySQL</li>
    الملفات بعد التعديل موجودة في المرفقات.





    __________________
    ( ما وجد أحد في نفسه كبرا إلا من مهانة يجدها في نفسه )

    الشيماء :
    انشودة امي فلسطين

  13. #13
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    118

    ( المرفقات )



    المرفق الأول يشمل التعديلات التي اشرت اليها، اما اذا اردت توسيط القالب ايضاً قم بتنزيل المرفق رقم 2 .

    المرفق 1:
    http://www.swalif.net/softs/attachme...8&d=1229639759

    المرفق 2:
    http://www.swalif.net/softs/attachme...1&d=1229709192





    الملفات المرفقة الملفات المرفقة
    • نوع الملف: zip 1.zip‏ (3.4 كيلوبايت, 32 مشاهدات)
    • نوع الملف: zip 2.zip‏ (3.5 كيلوبايت, 27 مشاهدات)
    التعديل الأخير تم بواسطة mercy571 ; 19-12-2008 الساعة 09:55 PM
    __________________
    ( ما وجد أحد في نفسه كبرا إلا من مهانة يجدها في نفسه )

    الشيماء :
    انشودة امي فلسطين

  14. #14
    عضو نشيط
    تاريخ التسجيل
    Apr 2008
    المشاركات
    274


    بيض الله وجهك الحين تمام ماقصرت

    ياليت ترفق لي مصادر تعلمت منها css ،،






  15. #15
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    118


    قمت بإضافة المرفق 2 مؤخراً، راجع ردي السابق.

    ياليت ترفق لي مصادر تعلمت منها css ،،
    CSS Tutorial
    درس CSS - جدول المحتويات | درس CSS | HTML.net
    9 مصادر تقدم دروس CSS بالعربية
    مدونة الأخ كتوم رائعة ايضاً !


    راجع هذا الموضوع.





    التعديل الأخير تم بواسطة mercy571 ; 19-12-2008 الساعة 10:10 PM
    __________________
    ( ما وجد أحد في نفسه كبرا إلا من مهانة يجدها في نفسه )

    الشيماء :
    انشودة امي فلسطين





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

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

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