تبادل الخبرات[7](صفحاتنا و المعايير القياسية)

**samry** · 17-11-2007

موضوع رائع

لي ملاحظة

في html يكون وسم الصورة هذا صحيح

كود HTML:

<img src="test.png" alt="test image">

وفي xhtml يعتبر خاطئ، لانه وسم مستقل ولايحتوي على اي شيء بداخل، اي لايحمل وسوم اخرى. اذا يجب ان يغلق الوسم على نفسه ويصبح

كود HTML:

<img src="test.png" alt="test image" />

قبل شهرين كان موقعي بدون اي خطاء او تنبيه لاكن الان بيعطيني
Passed validation, 41 warning(s) والسبب اغلاق الوسم بالسلاش

كود HTML:

<img src="test.png" alt="test image" />

طبعا انا بستخدم المحرر FCKeditor
وهو محرر مطابق للمعايير

شاهد التبيهات كلها على اغلاق الوسم
[Valid] Markup Validation of http://www.soft-ar.com/ - W3C Markup Validator

**umar** · 18-11-2007

على أيامنا .. ايام الجهل

كنا نحط في أعلى التصميم

كود HTML:

<html dir="rtl"

ونبتدي نصمم في هالجداول وجدول داخل جدول وكنا ماشيين ولا فيه اي مشاكل

الآن دخلو لنا في المواصفات القياسية والـ xhtml الخ

الآن عندي جدول جالس اشتغل عليه بهالشكل

كود PHP:


<table width="100%">

    <tr>

        <td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>

        <td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">الأقسام</td>

        <td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>

    </tr>

    <tr>

        <td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>

        <td class="stext" style="padding-left:5px;">{category_block}</td>

        <td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>

    </tr>

    <tr>

        <td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>

        <td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>

        <td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>

    </tr>

</table>

الجدول مليان صور ...

المشكلة إني حاولت أطبق المواصفات القياسية الصحيحة ....

هل هناك من يتبرع لي ويحط لي هالجدول في مواصفات قياسية تبع الـ xhtml ... وكيف احط هالصور بالشكل الصحيح في ملف CSS

مع الشكر مقدماً للي بيحولها التحويل الصحيح :nice:

**Ahmed Tohamy** · 18-11-2007

المشاركة الأصلية كتبت بواسطة samry مشاهدة المشاركة

موضوع رائع

لي ملاحظة

في html يكون وسم الصورة هذا صحيح

كود HTML:

<img src="test.png" alt="test image">

وفي xhtml يعتبر خاطئ، لانه وسم مستقل ولايحتوي على اي شيء بداخل، اي لايحمل وسوم اخرى. اذا يجب ان يغلق الوسم على نفسه ويصبح

كود HTML:

<img src="test.png" alt="test image" />

قبل شهرين كان موقعي بدون اي خطاء او تنبيه لاكن الان بيعطيني
Passed validation, 41 warning(s) والسبب اغلاق الوسم بالسلاش

كود HTML:

<img src="test.png" alt="test image" />

طبعا انا بستخدم المحرر FCKeditor
وهو محرر مطابق للمعايير

شاهد التبيهات كلها على اغلاق الوسم
[Valid] Markup Validation of http://www.soft-ar.com/ - W3C Markup Validator

قم بتغيير ال Doctype لموقعك من

كود HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

الي

كود HTML:

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

شكراً لك اخي العزيز زيزوار موضوعك اكثر من رائع

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

مثال : بعض اكواد الجافا سكريبت و اكواد Java Applet والعديد من الاشياء الاخري..

**Ahmed Tohamy** · 18-11-2007

المشاركة الأصلية كتبت بواسطة umar مشاهدة المشاركة

على أيامنا .. ايام الجهل

كنا نحط في أعلى التصميم

كود HTML:

<html dir="rtl"

ونبتدي نصمم في هالجداول وجدول داخل جدول وكنا ماشيين ولا فيه اي مشاكل

الآن دخلو لنا في المواصفات القياسية والـ xhtml الخ

الآن عندي جدول جالس اشتغل عليه بهالشكل

كود PHP:


<table width="100%">

    <tr>

        <td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>

        <td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">الأقسام</td>

        <td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>

    </tr>

    <tr>

        <td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>

        <td class="stext" style="padding-left:5px;">{category_block}</td>

        <td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>

    </tr>

    <tr>

        <td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>

        <td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>

        <td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>

    </tr>

</table>

الجدول مليان صور ...

المشكلة إني حاولت أطبق المواصفات القياسية الصحيحة ....

هل هناك من يتبرع لي ويحط لي هالجدول في مواصفات قياسية تبع الـ xhtml ... وكيف احط هالصور بالشكل الصحيح في ملف CSS

مع الشكر مقدماً للي بيحولها التحويل الصحيح :nice:

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

**Remano** · 18-11-2007

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

مالجواب يااخوان ؟؟

**samry** · 18-11-2007

المشاركة الأصلية كتبت بواسطة Ahmed Tohamy مشاهدة المشاركة

قم بتغيير ال Doctype لموقعك من

كود HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

الي

كود HTML:

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

شكراً لك اخي العزيز زيزوار موضوعك اكثر من رائع

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

مثال : بعض اكواد الجافا سكريبت و اكواد Java Applet والعديد من الاشياء الاخري..

مانفع اعطاني اخطاء Failed validation, 1292 Errors :con2:

**Ahmed Tohamy** · 19-11-2007

المشاركة الأصلية كتبت بواسطة samry مشاهدة المشاركة

مانفع اعطاني اخطاء Failed validation, 1292 Errors :con2:

قم بحلها او قم بجعل صفحاتك تتوافق مع ال HTML وليس XHTML بإلغاء أكواد الاغلاق المذكوره وإصلاح الاخطاء الاخري

**umar** · 19-11-2007

المشاركة الأصلية كتبت بواسطة Ahmed Tohamy مشاهدة المشاركة

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

الملف مرفق وبإنتظار النتيجة ... مع الشكر مقدماً

**عاشق الصداقه** · 22-11-2007

اكثر من رائع عزيزى

جزاك الله كل الخير

**الثلج** · 25-11-2007

لم أقرر أتباع المعايير القايسية ونظام css إلى بعد ان استمعت لكم هنا في سوالف
بفضلك وبفضل الأخوه الباقين
شكراً لكم ولكل من ساعد على تصحيح العقل العربي وعدم الاحتكار

**dev11** · 26-11-2007

كود PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="ar-sa" />
<style type="text/css">
/*<![CDATA[*/
table {
  border: 0px;
  border-collapse: collapse;
  text-align: right;
  width: 250px;
}
  table td {
  padding: 0px;
  width: 5;
}
img {
  border: 0px;
}
.stext {
  padding-left: 5px;
}
/*]]>*/
</style>
<title></title>
</head>
<body>
<table>
    <tr>
        <td><img src="images/ltdt.png" width="5" height="50" alt="" /></td>
        <td style="background-image: url(images/bgtdt.png);" class="ltitle" valign="top">الأقسام</td>
        <td><img src="images/rtdt.png" width="5" height="50" alt="" /></td>
    </tr>
    <tr>
        <td style="background-image: url(images/ltd.gif);"><img src="images/ltd.gif" width="5" height="50" alt="" /></td>
        <td class="stext">{category_block}</td>
        <td style="background-image: url(images/rtd.gif);"><img src="images/rtd.gif" width="5" height="50" alt="" /></td>
    </tr>
    <tr>
        <td><img src="images/ltdb.png" width="5" height="10" alt="" /></td>
        <td style="background-image: url(images/tdbbg.png);"><img src="images/tdbbg.png" width="1" height="10" alt="" /></td>
        <td><img src="images/rtdb.png" width="5" height="10" alt="" /></td>
    </tr>
</table>
</body>
</html>

مع ملاحظة أن الترميز هو utf-8
- ينصح بالاستغناء عن الجدول واستبداله بالـ divs

**mo2men** · 01-12-2007

موضوع رائع اخى
جزاك الله خيرااااا

**mwafi** · 20-02-2008

مشكور وبارك لله فيك استاذي الكريم

**ليث الشرس** · 14-03-2008

مبدع كعادتك اخي الكريم

لا تنسى الميتا تاغ والتايتل والدوكتايب في البداية .. بالاضافة الى استخدام السمول لتر وعدم نسيان الالت ، وكتابة نوع السكربت عند فتح كود جافا سكربت و و و ..

حاليا اصبحت ابرمج المواقع كلها بالمعايير القياسية كـ

ط§ط³ط±ط§ط± ط§ظ„ط§ظ„ط¹ط§ط¨ ط§ظ„ط¹ط±ط¨ظٹ - ط§ظ„ط±ط¦ظٹط³ظٹط©

واحسه والله منظم وجميل ويفتح النفس

مو نفس قبل خربط خرابيط اهم شي الناتج النهائي

يعطيك الف عافية ، أود الكتابة في هذا الموضوع ولك نالوقت لا يسمح ..

**fayez** · 14-03-2008

شكر ا لكم

الموضوع: تبادل الخبرات[7](صفحاتنا و المعايير القياسية)

أدوات الموضوع

بحث في الموضوع

المواضيع المتشابهه

إلي مهتمي المعايير القياسية ،، تفضلوا

المعايير القياسية

[نقاش حضاري]: لمذا نتبع المعايير القياسية في صفحاتنا

ال id في url و المعايير القياسية

المعايير القياسية و حلم الاكواد الملائمة

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