القلم الذهبي - حل مشاكل توافق الستايل

هذا الموضوع يحتاج لعدة مواضيع لأتمكن من التعقيب على جميع النقاط المؤديه الى ستايل خالي من الاخطاء 100%
ولكن سأذكر أهم اسباب فشل توافق الستايل وكذلك طرق حلها قدر الامكان
سؤال : لماذا عندما انتهي من تصميم ستايل بالفوتوشوب يظهر لدي اخطاء عديدة ؟
الجواب : اصدار برنامج الفوتوشوب يلعب دورا ً كبيرا ً في وجود مثل هذة الاخطاء لاسيما القديمه منها .
اما عن الاصدارات الجديدة فهي تمثل نسبة اخطاء اقل ( على حد علمي والله اعلم )
ولكن يمكن ان نتأكد من اخطاء الاكواد المأخوذه من برنامج الفوتوشوب وذلك بعد الفحص في موقع فحص الستايل .
The W3C Markup Validation Service
تتركز اخطاء الستايل في قوالب معينه منها :
header
navbar
forumhome وتوابعه ..
forumdisplay
footer
ايضا اذا كان الـ postbit أو الـ postbit_legacy مصمم بالفوتوشوب .
عند الانتهى من تصميم الستايل وتركيبه تأكد من عدم وجود العبارات التالية داخل الاكواد :
سنبدأ الحديث عن وسم table :
اذا رأيت مثل هذة العبارات قم بحذفها [ لن يأثر ذلك على عمل الجدول ]

كود PHP:

   dir="rtl"

أو

كود PHP:

   id="table

ايضا يمنع استخدام الاضافات التاليه داخل وسم table :
صورة خلفية

كود PHP:

   background

أو لون الخلفية

كود PHP:

   bgcolor

الصحيح هو استخدام خاصية style وهي بهذا الشكل :
اذا ارت وضع صورة خلفية

كود PHP:

   <table style="background-image:url('xxx.gif')">

اما اذا اردت وضع لون للخلفية :

كود PHP:

   <table style="background-color:#FF3300">

أو استخدام خصائص CSS بدل من ذلك
=================
وسم tr
ليس لهذا الوسم أي اضافات .
=================
وسم td
نفس الاجراءات في وسم table
=================
وسم الرابط a herf يضاف بهذا الشكل :

كود PHP:

   <a href="http://www.xxx.com">شبكة المطور</a>

ويمكن اضافة خاصيتين وهي الاكثر شيوعا واستخداما ً
وهي خاصية الوصف

كود PHP:

   title="اكتب الوصف عن مرور المؤشر"

وخاصية فتح الرابط في صفحة مستلقة

كود PHP:

   <a href="http://www.xxx.com" target="_blank">شبكة المطور</a>

وسم الصورة img [ مهم جدا ] وأكثر الاخطاء تواجداً
الوسم الصحيح لكود الصورة هو :

كود PHP:

   <img src="http://www.xxx.com/xxx.gif" alt="الوصف ويمكن تركه فارغ" border="0" />

لابد من كتابة بهذة الطريقة بجميع الخصائص حتى ولم تستخدم مثل خانة الوصف وحدود الصورة
ويمكن ترك خانه الوصف فارغه وايضا وضع الرقم 0 في حدود الصورة .
مسافة سطر <br> هذا الامر كثير ما اشاهده في المنتديات وهذا خطأ
والصحيح هو :

كود PHP:

   <br />

يفضل عدم استخدام الكود <center>
والصحيح هو :

كود PHP:

   <div align="center"></div>

أو

<p align="center"></p>

ويوضع الامر او الرابط قبل كود الاغلاق :

كود PHP:

   </div>

يفضل عدم استخدام الكود التالي داخل القوالب :

كود PHP:

   <style type="text/css"></style>

الصحيح وضع متغيرات الكلاس في CSS الاضافي
كود الصورة الصحيح
دائما ما اشاهد خطاءً متكررا ً في الكثير من المنتديات في عملية وضع كود الصورة الصحيح
اليكم الكود الصحيح :

كود PHP:

   <img border="0" src="رابط الصورة" alt="وصف الصورة" />

يمكن ترك وصف الصورة فارغ فهذا لا يؤثر على الكود مثال :

كود PHP:

   <img border="0" src="رابط الصورة" alt="" />

ولكن لابد من كتابة كود الوصف داخل كود الصورة
هذي بعض الملاحظات الاكثر استخداما ً ، وارجو ان اكون قد استفدتم منها
وأي استفسارات انا حاضر للرد