مشكلة الحدود في سوالف مع Firefox

Zizwar · 04-07-2006, 04:20 PM

السلام عليكم
طالما إشتكى الكثير من متصفح الثعلب خصوصا لان منتدى سوالف يظهره بحدود لم يكن يظهر بها في متصفح أنترنت إكسبلورر، وأتهم التعلب المسكين انه لا يجيد إظهار المواقع بالشكل الائق

لكن الحقيقة غير ذالك فالتعلب يظهر مندى سوالف بغير حدود عند إظهار نتائج البحث

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

كود PHP:

  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

سنلاحظ أن به الكلاس class=tborder وهذا الكلاس يعطي للوسم النمط

كود PHP:

  .tborder

{

    background-color: #CBE6FF;

    color: #000000;

    border: 1px solid #CBE6FF;

}

مما يجعل جدول نتائج صفحة البحث قياسية لأنه تعتمد على النمط القياسي للحدود

كود PHP:

  border: 1px solid #CBE6FF;

وهكذا فإن صفحة البحث قياسية ولاتظهر فيها حدود عكس صفحة البداية.
لماذا ؟
لأن حدود جدول صفحة البداية بها هذا الوسم

كود PHP:

  <table bordercolorlight="#a3d3ff" bordercolordark="#FFFFFF" border="1" cellpadding="2" cellspacing="0" width="100%">

فهذا الوسم html 100% ليست فيه نكهة واحدة من CSS (النمط الإنسيابي)

وستجدون الوسم كاملا هكذا

كود PHP:

  <!--

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

-->

<table bordercolorlight="#a3d3ff" bordercolordark="#FFFFFF" border="1" cellpadding="2" cellspacing="0" width="100%">

اي ان الوسم القياسي موجود لكنه متجاهل
أتمنى من الإدارة فك التجاهل عن هذا الوسم وستعود الأمور الى نصابها و يرتاح التعلب من بعض الإنتقادات التي لا يد له فيها
في المرفق ستجدون صفحة سوالف تظهر بنفس الشكل في كل المتصفحات الحل في إزالة التجاهل عن الوسم القياسي وتجاهل الوسم الغير القياسي

كود PHP:

  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

<!-- <table bordercolorlight="#a3d3ff" bordercolordark="#FFFFFF" border="1" cellpadding="2" cellspacing="0" width="100%"> -->

يمكن التجريب من هذا الرابط بالفايرفوكس
http://www.hmazi.com/js/noborder.htm

2PXL · 04-07-2006, 04:25 PM

جزاك الله خير

أحمد أبو النصر · 04:31 PM

شكراً لك أخ Zizwar .. لاحظت المشكلة من قبل وكان يجب أن تحل فعلاً ..
تحياتي

المبدع العربي · 04-07-2006, 05:11 PM

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

Zizwar · 04-07-2006, 05:26 PM

اقتباس:

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

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

القصد في الرابط الذي وضعت ان المنتدى سيظهر بنفس الشكل في كل المتصفحات القياسية، أما أن يظهر بنفس الشكل الذي يظهر به أصلا في انترنت إكسبلورر فذالك ممكن وبالقياس، جرب أن تعدل في النمط التالي

كود PHP:

  border: 1px solid #CBE6FF;

ب

كود PHP:

  border: 1px  inset #CBE6FF;

أو

كود PHP:

  border: 1px outset #CBE6FF;

كود PHP:

  border: 1px double #CBE6FF;

والائحة تطول
none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset
المهم هو ان لا تظهر تلك الحدود بدون تحديد نوعه كما هو الحال عليه في firefox

المبدع العربي · 04-07-2006, 06:01 PM

هل أنت متأكد انه لو قمنا بعمل شيء مما ذكرته سيظهر مثل الإكسبلورر؟؟
لأن الحدود التي تظهر حالياً فيها حدين وليس واحد
أظن ان الشيء الغير قياسي هو bordercolorlight و bordercolordark
لأنهما غير موجودان وبصراحة لم أرهم من قبل في أكواد الـHTML إلا في الفرونت بيج والله أعلم.. أو إن كانت في HTML فأنا أقصد XHTML

=========
أريد رؤيتك على المسنجر في موضوع هاك وضروري أستاذي

مُجَاهِد · 04-07-2006, 07:03 PM

جزاك الله خير أستاذي الكريم زيزوار ..

وخطوة جميلة منك ..

daif · 04-11-2006, 03:02 AM

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

كذلك هناك ملاحظة يجب ان تنتبه لها الاداره حول اضافة موضوع يوجد ايضا لخبطة في التصميم !

ارجو من الاداره ان تنظر في لذك

Zizwar · 04-11-2006, 03:55 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة daif

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

كذلك هناك ملاحظة يجب ان تنتبه لها الاداره حول اضافة موضوع يوجد ايضا لخبطة في التصميم !

ارجو من الاداره ان تنظر في لذك

لقد وجدت حلا لذالك، أتمنى من الإدارة إعتماده ان شاء الله
يمكنك تجربة الصفحة هنا
http://www.wino.ws/js/swalif/replay.htm
وهنا شرح للمشكلة
http://www.swalif.net/softs/showpost...5&postcount=19

المبدع العربي · 04-11-2006, 08:29 AM

جميل جداً زيزوار..
لكن قرأت في المضووع الآخر:
"صحيح ان المتصفح قياسي فيما يخص قوانين ومقاييس ال W3 لكن متحفظ في بعض مسائل الجافاسكريبت"
لاحظت ذلك فعلاً، لكن ألا نستطيع التواصل معهم لاستيضاح السبب؟

بالمناسبة.. عند التحدث عن توافقية الاستايل مع المعايير:
أرى والله أعلم أن وجود البسملة في الـDocType خطأ:

كود بلغة HTML:

<!DOCTYPE // بسم الله الرحمن الرحيم html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

فالذي نعرفه أن الـDocType يجب ألا يحدث فيه أي تغيير فهو ثابت..
وعندما قمت بفحص توافقية الاستايل مع المعايير كان أول خطأ هو في الدوك تايب:
http://validator.w3.org/check?uri=ht...if.net%2Fsofts

أظن أن من الأفضل إزالة البسملة منه ووضعها هكذا:

كود بلغة HTML:

<!-- بسم الله الرحمن الرحيم -->

في بداية الكود.. أم ما رأيك؟

نقطة أخرى..
المنتدى HTML ، والـMeta Tags فقط هي المكتوبة بالـXHTML (وذلك لزيادة الـ/ فيها)
فالدوك تايب يجب أن يكون الخاص بالـHTML:

كود بلغة HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ولا يكون كما هو الآن، دوك تايب يقول أن المنتدى يستخدم XHTML !

أرجوا أن يتم تصحيح هذا، لأن هذه الأمور لها بعض الحساسية.. وإن لم نتحدث عن المتصفح والطريقة العلمية فهو حسّاس قليلاً بأن تكون سوالف سوفت هكذا ولا يتم التعديل!

سأراسل من أستطيع مراسلته ليصلهم كلامنا وإن شاء الله يحدث كل خير

المبدع العربي · 04-11-2006, 09:29 AM

عذراً
أظن أنني أخطأت.. يمكننا التعديل على الدوك تايب.. لكن ليس في بدايته كما هو في سوالف الآن
والبسملة يجب ان تكون في البداية
أظن أنه لابدّ من وضعها بالطريقة الأخرى التي ذكرتها في ردي السابق
والله أعلم

المجروح · 04-11-2006, 05:04 PM

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

كود:

border: 1px	collapse #CBE6FF;

في css

او في التيبل نفسها

كود:

style="border-collapse: collapse"

المبدع العربي · 04-11-2006, 10:20 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة المجروح

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

كود:

border: 1px collapse #CBE6FF;

في css

او في التيبل نفسها

كود:

style="border-collapse: collapse"

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

أرجوا أن تخبرني إن كنت مخطئاً أنا

الفايق · 06-11-2006, 05:15 PM

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

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق