جلعت الموقع متوافق مع XHTML لكن ماعرفت اجعله متوافق مع css ارجو المساعده

upkelk.com · 24-10-2008, 03:00 AM

مرحبا

انا جعلت الموقع متوافق

http://validator.w3.org/check?uri=ht...Inline&group=0

لكن مع css غير متوافق بالمره ؟؟

http://jigsaw.w3.org/css-validator/v...ning=1&lang=en

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

لكن في الأداة الثانيه ماادري وش الاخطاء وكيف احلها ..؟

مصطفى فرغلى · 24-10-2008, 02:07 PM

ليس الهدف من اتباع المعايير القياسيه هو الحصول على 100% فى اختبار ال W3C ، و لكن لجعل موقعك usable و accessible و semantic ، نود شكرك على اتخاذك هذه الخطوه ، انا شفت الاخطاء التى اظهرها الاختبار و هى بسيطه جدا مثلا نسيان وضع / فى نهايه ال <image> و وضع ال attribute من نوع type فى tag من نوع <script>

upkelk.com · 03:07 PM

مشكورر اخوي على الرد الاكثر من رائع ...

انا في اختبارW3C XHTML يوجد فقط 17 خطأ

وهيا 7 اخطاء في الملاحظات و10 اخطاء في كود رتب ...
وهذي عارف حلها بس مافضيت لها

لكن في اختبار W3C css

توجد كثر من الاخطاء ,,

انا مااعرف طبيعه الاخطاء فيه لان الاكواد سليمه مافيها اخطاء ,,

ولا اعرف كيف اعرف نوع الخطأ فيه وكيف اعدله ,,

المقصد مو النجاح في الاختبار ,,

المقصد عندي راحت بال حتى افكر عن حلول اخرى لزوار افضل من الانغماس .. في هالاكواد
وقريب اعدلها ,,

محمد فؤاد · 27-10-2008, 01:21 AM

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

الاخطاء ليست كثيرة .. فقط 14 و الباقي Warnings .. على كل حال ستختفي كافة التلميحات عند حل كل الاخطاء

لنبدأ بحل الأخطاء .
في السطر 290 يوجد

كود HTML:

.style1{ border:1px solid #FFFFFF }.style2{ text-align:center; background-color:#7ACCC8 }.style3{ color:#FFFFFF }.style4{ text-align:center; background-color:#E8E8E8 }
.style5{ color:#0000FF}}.style6{ color:#00CC99}}.style8{ color:#FF0000}}.style9{ color:#FF00FF}}.style10{ color:#99CC00}}.style11{ color:#993399}.style12{ color:#FF9900}}.style13{ color:#666633}

لاحظ الكود ستجد تكرر وسم الاغلاق أكثر من مره }} .. وذلك في الكلاسات
style5 - style6 - style8 - style9 - style10 - style12

و الكود الصحيح :

كود HTML:

.style1{ border:1px solid #FFFFFF }
.style2{ text-align:center; background-color:#7ACCC8 }
.style3{ color:#FFFFFF }
.style4{ text-align:center; background-color:#E8E8E8 }
.style5{ color:#0000FF}
.style6{ color:#00CC99}
.style8{ color:#FF0000}
.style9{ color:#FF00FF}
.style10{ color:#99CC00}
.style11{ color:#993399}
.style12{ color:#FF9900}
.style13{ color:#666633}

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

كود HTML:

html{scrollbar-base-color:#D4D4D4; scrollbar-highlight-color:#e8e8e8; scrollbar-shadow-color:#e8e8e8; scrollbar-3dlight-color:#e8e8e8; scrollbar-darkshadow-color:#e8e8e8; scrollbar-arrow-color:#fd7289; scrollbar-track-color:#f1f1f1}

الخطأ الأخير في الكلاس infouser ستجد

كود HTML:

_margin:0px 0px 0px

قم بحذفه

ملاحظة أخيرة .. ملف css غير منظم وبه الكثير من الخواص المكرره في نفس الكلاس الواحد ! .. حاول تحسينه

اطيب تحيه