صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 16

الموضوع: خطأ عقدني : ) في المعايير القياسيه

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300

    خطأ عقدني : ) في المعايير القياسيه



    السلام عليكم ورحمة الله وبركاته
    اسعد الله اوقاتكم
    قررنا اتباع المعايير القياسيه رغم تعقيداتها ولاكن يجب علينا مواكبه التطور دائما
    متى واينما وجد

    بالعادة لا احب ان اسأل واحب ان احل المشاكل واكتشف الاشياء بنفسي
    لاكن هناك امر عقدني كثيرا في المعايير القياسيه

    بحثت بمدرسه w3 عن حل ولاكني لم اجد

    الخطأ كان او مازال هو التالي

    كود:
    <style type="text/css">
    يظهر عند فحص المنتدى

    واليكم النتيجة كامله

    كود:
    Error Line 346 column 22: document type does not allow element "style" here.
    <style type="text/css">
    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). 
    
    One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body"
    طبعا وضعته قبل داخل الـ head والـ html والـbody ولاكن للاسف تظهر اخطاء اكثر

    الان وهو بهذا الشكل في بدايه الصفحه

    كود:
    <style type="text/css">
    .style1 {
    	background-image: url('xxxx.gif');
    }
    .style2 {
    	background-image: url('xxxx.gif');
    }
    .style3 {
    	background-image: url('xxxx.gif');
    }
    </style>
    يظهر لي خطأ واحد وهو

    كود:
    <style type="text/css">
    اما اذا كان بهذا الشكل

    كود:
    <head>
    <style type="text/css">
    .style1 {
    	background-image: url('xxxx.gif');
    }
    .style2 {
    	background-image: url('xxxx.gif');
    }
    .style3 {
    	background-image: url('xxxx.gif');
    }
    </style>
    </head>

    يظهر لي خطأين

    وهي
    الوسم
    الخطأ الاول
    كود:
    <head>
    والخطأ الثاني
    كود:
    </head>
    ويختفي السابق
    وكذالك الحال مع بقيه الاوسمه الرئيسيه
    طبعا الشغل هذا كله بالهيدر
    عذرا للاطاله واتمنى الافادة والاستفادة من خبراتكم

    شكرا جزيلا





    التعديل الأخير تم بواسطة t-net ; 06-06-2007 الساعة 12:20 AM سبب آخر: اضافه الاكواد داخل قالب الاكواد


  2. #2
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    يوجد اخطاء في كتابتك للوسوم

    كود:
    <head>
    <style type="text/css">
    .style1 {
    background-image: url(xxxx_03.gif);
    }
    .style2 {
    background-image: url(xxxx_07.gif);
    }
    </style>
    </head>






    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


    طيب لاكن اين الخطأ من فضلك





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com

  4. #4
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    الخطأ الاول

    كود:
    background-image: url(xxxx_07.gif');
    لاحظ انك وضعت العلامه ' بعد اسم الصوره ولم تضعها قبل الاسم !!!

    هناك حلان اما ان تضع اسم الصوره بدون علامات التنصيص xxxx_07.gif
    او تضعه بين علامات التنصيص 'xxxx_07.gif'


    الخطأ الثاني غريب نوعا ما من المفروض ان تنتبه

    انت كاتب

    كود:
    <head/>

    وهي

    كود:
    </head>

    محمد





    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


    اخوي الصوره موضوعه بين علامتين تنصيص لاكن ربما عند حذفي لاسم الصوره هنا واستبداله ب xxxx قمت بإزاله علامات التنصنيص الي ذكرت
    وبالنسبه للوسم </head>
    ايضا قمت بكتابته بهذه الطريقه لاكن ربما يظهر هنا داخل الموضوع العكس لاني لم اضعه داخل قالب الاكواد

    عموما هذا الكود الان

    كود:
    <head>
    <style type="text/css">
    .style1 {
    	background-image: url('xxxx.gif');
    }
    .style2 {
    	background-image: url('xxxx.gif');
    }
    .style3 {
    	background-image: url('xxxx.gif');
    }
    </style>
    </head>
    اذا وضعته بهالشكل يظهر لي خطأين والي هي الوسمين

    كود:
    <head>
    </head>
    اما اذا ازلتها يظهر الخطأ الاول المذكور في بدايه الموضوع

    واشكرك على المتابعة والمعذره على الخطأ





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com

  6. #6
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    هلا اخي

    عند اتباع المعايير القياسيه عليك بوضع كود كامل وصحيح

    اي يجب وضع <html>

    ويجب وضع ال <body>

    من المهم ان لاتنسى شي


    ايضا هناك شي اخر

    اي معيار قياسي قمت باستخدامه ؟؟

    انا افضل لك ان تستعمل التالي

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    كل معيار يختلف عن الاخر

    فهناك معايير مثلا تفرض عليك عدم استخدام وسم div ومعايير اخر تطلب منك استعمالها

    ارجو الاجابه وايضا حاول تعطيني الكود الكامل لديك


    محمد





    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  7. #7
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


    حياك الله اخي محمد

    المعيار المستخدم XHTML 1.0 Transitional

    جربت كل الي قلته اخي الفاضل وفي البدايه كان الكود كاملا كالتالي

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <style type="text/css">
    .style1 {
    	background-image: url('xxxx.gif');
    }
    .style2 {
    	background-image: url('xxxx.gif');
    }
    .style3 {
    	background-image: url('xxxx.gif');
    }
    </style>
    
    <body>
    
    <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse">
    	<tr>
    		<td style="width: 394px" class="style1">
    		<img src="xxxx.gif" alt="Angry" width="280" height="92" /></td>
    		<td class="style1" style="width: 200000px"></td>
    		<td class="style1"></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="92" /></td>
    	</tr>
    	<tr>
    		<td style="width: 394px" class="style2">
    		<img src="xxxx.gif" alt="Angry" width="280" height="88" /></td>
    		<td class="style2" style="width: 200000px"></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="26" height="88" /></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="88" /></td>
    	</tr>
    	<tr>
    		<td style="width: 394px">
    		<img src="xxxx.gif" alt="Angry" width="280" height="61" /></td>
    		<td style="width: 200000px"></td>
    		<td>
    		<img src="xxxx" alt="Angry" width="26" height="61" /></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="61" /></td>
    	</tr>
    	<tr>
    		<td colspan="4">	</td>
    </tr>
    	<tr>
    		<td style="width: 394px" class="style3">
    		<img src="xxxx.gif" alt="Angry" width="280" height="67" /></td>
    		<td class="style3" style="width: 200000px"></td>
    		<td class="style3"></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="67" /></td>
    	</tr>
    </table>
    </body>
    </head>
    </html>
    تعبناك معنا
    الله يعطيك العافيه





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com

  8. #8
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    هلا اخي

    التصحيح

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
    <style type="text/css">
    .style1 {
    	background-image: url('xxxx.gif');
    }
    .style2 {
    	background-image: url('xxxx.gif');
    }
    .style3 {
    	background-image: url('xxxx.gif');
    }
    </style>
    <title>test</title>
    </head>
    <body>
    
    <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse">
    	<tr>
    		<td style="width: 394px" class="style1">
    		<img src="xxxx.gif" alt="Angry" width="280" height="92" /></td>
    		<td class="style1" style="width: 200000px"></td>
    		<td class="style1"></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="92" /></td>
    	</tr>
    	<tr>
    		<td style="width: 394px" class="style2">
    		<img src="xxxx.gif" alt="Angry" width="280" height="88" /></td>
    		<td class="style2" style="width: 200000px"></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="26" height="88" /></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="88" /></td>
    	</tr>
    	<tr>
    		<td style="width: 394px">
    		<img src="xxxx.gif" alt="Angry" width="280" height="61" /></td>
    		<td style="width: 200000px"></td>
    		<td>
    		<img src="xxxx" alt="Angry" width="26" height="61" /></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="61" /></td>
    	</tr>
    	<tr>
    		<td colspan="4">	</td>
    </tr>
    	<tr>
    		<td style="width: 394px" class="style3">
    		<img src="xxxx.gif" alt="Angry" width="280" height="67" /></td>
    		<td class="style3" style="width: 200000px"></td>
    		<td class="style3"></td>
    		<td>
    		<img src="xxxx.gif" alt="Angry" width="470" height="67" /></td>
    	</tr>
    </table>
    </body>
    
    </html>

    اخطاءك :

    1: وسم </head> يتم وضعه قبل وسم <body> وليس وسم </body>

    2: وسم <head> يجب ان يحتوي على meta tag وتكون موجوده به نوع ترميز الصفحه

    3: وسم <head> "يجب" ان يحتوي بداخله على وسم <title> لتوضيح معنى او شرح للصفحه


    مافعلته انا

    1: تصحيح مكان وسم </head>
    2: وضع وسم <title>
    3: وضع ترميز للصفحه

    محمد





    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  9. #9
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


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

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

    الاول كان

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    الثاني
    هو وسم الاتش مل



    قمت بحذفه الاول طبعا اعتقد انه غير الزامي وجوده داخل الصفحه .؟ وتبقى خطأ واحد وهو الاخير
    <html>





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com

  10. #10
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    هلا اخي

    اخر كود كتبته ليك متوافق تماما مع المعايير القياسيه من المفروض ان لا تحذف اي شي فقد اختبرته قبل ان اكتبه لك

    ارجو منك رفعه على موقعك ثم اختبره من هذه الوصله او ارفع الملف اليهم

    http://validator.w3.org/



    وسم <html> من اهم الوسوم التي يجب ان تكون موجوده وبالنسبه للبرنامج فاتوقع انت لخبطت لما عدلت مستحيل اي برنامج يغلط غلطه كهذه

    على العموم هذه الوسوم التاليه هي الترتيب الصحيح "ويجب" ان تكون كلها موجوده باي صفحه على موقعك

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
    <title>CSS</title>
    </head>
    
    <body>
    anything ...
    </body>
    
    </html>


    محمد





    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  11. #11
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


    لا فائده عزيزي هو فعلا لما يتم اختباره عبر العنوان الي عطيتني تظهر النتيجه
    Passed validation
    لاكن عند وضعه بقالب الهيدر في المنتدى يظهر الخطأين الي ذكرتهم لك وهم الوسم
    <html>
    على كل حال لا بأس سأراجع الكثير من المراجع باذن الله الى الوصول الى حل وطالما انه الان متوافق مع جميع المتصفحات بلا استثناء فهذا المهم وليس بالضروره ظهور نتيجه
    Passed validation
    فجميل ان تنجح ايضا بتقدير جيد جدا

    بارك الله فيك على متابعتك للموضوع وعلى جهدك الي بذلته وعسا الله ان يكتبه في ميزان حسناتك
    اجمل تحيه لك





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com

  12. #12
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    هلا اخي

    في حالة التعامل مع المنتديات لايتم ابدا وضع الاكواد هكذا

    ففي المنتديات لن تحتاج الى وسم html او head او title او style

    لان في الاصل يتم كتابته من خلال القوالب


    عليك بوضع الـ css في اخر خانه ( css اضافيه ) في خيارات الاستايل


    انتبه فهنا الوضع مختلف تماما

    انا على بالي انك بتصمم صفحه ليست مرتبطه بالمنتدى


    وعلى فكره يمكنك بكل سهوله ان تجعل منتداك متوافق تماما مع المعايير القياسيه

    فانظر هنا ( الصفحه الرئيسيه ) index

    http://validator.w3.org/check?uri=ht...m/vb/index.php

    وهنا (عرض مواضيع القسم ) forumdisplay

    http://validator.w3.org/check?uri=ht...play.php?f=133

    وهنا ( عرض الموضوع ) showthread

    http://validator.w3.org/check?uri=ht...ad.php?t=42748

    كلها Passed validation


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

    عليك فقط التعلم والاتقان

    في اول مره شيكت فيها على المنتدى كان هناك حوالي 360 خطأ

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


    محمد





    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  13. #13
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


    لا المقصود منتدى ولو تراجع الموضوع راح تجد اني ذكرت عند فحص المنتدى ولهذا السبب في البدايه لم اضع هذه الوسوم html او head او title

    واذا علي لا مشكله لاكن العملاء بعضهم لا يحتمل الانتظار خصوصا ان بعضهم تاخرنا عليهم كثير
    عموما راح اعمل بما ذكرته وارد عليك باذن الله
    شكرا جزيلا لك





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com

  14. #14
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    300


    بارك الله فيك ابشرك الان نتيجة الفحص Passed validation
    الله يجزاك خير ان شاء الله ويكثر من امثالك
    واي خدمه عزيزي الموقع والايميلات امامك لا تتردد سنتشرف بخدمتك اكيد
    اجمل تحيه لك





    __________________
    التصميم بطريقة مختلفة
    مؤسسة سهارى الالكترونية
    www.q000p.com



  15. انا ارى انكم لم تستعملوا البرامج او الادوات التي تساعد في معرفة الاخطاء
    انا دائما استخدم متصفح الفايرفوكس واضيف علية الاضافة html validator. هذان البرنامجين سيساعدكم على تقليل من استخدام رأسك كأداه لحفر الحائط الموجود خلفك.

    رابط المتصفح "http://www.firefox.com"
    ورابط الاضافة هي "https://addons.mozilla.org/en-US/firefox/addon/249"
    واذا اردتوا تحكم اكثر استخدم "www.getfirebug.com"

    ان شاء الله ستستعملون هذا الادوات لانها حقا مهمه لكل مصمم .. والتيجه هي موقعي ... لاترى فيه عيب واحد في XHTML شكرا لفايرفوكس و ربعه.





    __________________
    هلابي افضل المواقع العربية تصميماً
    انصح باستخدام ابونتو





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

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

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