إذا كنت تستخدم جداول لتخطيط الصفحة - لا - لا في XHTML ، بالمناسبة - فمن المحتمل أنك ستواجه الإضافة القبيحة للمساحة الإضافية في تخطيطاتك. لإصلاح هذه المشكلة ، تحتاج إلى التحقق من تعريف جدول HTML وخصائص أي ورقة أنماط تحكم.
HTML تعريف الجدول
لا تتحكم علامة HTML الخاصة بالجداول بشكل افتراضي في بعض متطلبات التباعد. تحقق من ثلاثة أشياء حول علامة الجدول داخل مستند HTML الخاص بك:
- هل يحتوي الجدول الخاص بك على تعيين سمة cellpadding إلى 0؟
- بطانة الخلايا = "0"
- هل يحتوي الجدول الخاص بك على سمة cellspacing التي تم تعيينها إلى 0؟
- هوامش الخلية = "0"
- هل توجد مسافات قبل أو بعد المحتوى الخاص بك وعلامات الجدول؟
رقم 3 هو كيكر. العديد من برامج تحرير HTML ترغب في جعل الشفرة متباعدة ، لتسهيل قراءتها. ولكن العديد من المتصفحات تفسر علامات التبويب هذه والمسافات وإرجاع أحرف المسافة حسب المساحة الإضافية المطلوبة داخل الجداول. تخلص من المساحة البيضاء المحيطة بعلاماتك وستحصل على طاولات أكثر هشاشة.
أوراق الأنماط
ومع ذلك ، قد لا يكون HTML معطلاً. تتحكم أوراق الأنماط المتتالية في بعض سمات عرض الجداول واعتمادًا على الصفحة ، قد تعمد أو ربما لم تقم بإضافة CSS خاص بالجدول بشكل متعمد في المقام الأول.
قم بمسح ملف CSS الذي يحكم لأي من القيم التالية داخل الجدول ، أو خصائص th أو td وتعديلها حسب الحاجة:
- الحدود تحدد سمات الجدول أو حدود الخلية
- يتعامل الانهيار الحدودي مع الحدود المتاخمة كواحد ، لتجنب تكرار عرض الحدود
- توفر مساحة فارغة ، بالبكسل ، حول كل خلية
- محاذاة النص يحدد محاذاة النص داخل الخلية
- تباعد مجموعات تباعد الحدود بين الخلايا بالبكسل
البدائل
على الرغم من أنك لا تزال قادرًا على استخدام جداول HTML - إلا أن المعيار راسخ ومدعوم عالميًا في المتصفحات الحالية - إلا أن معظم تصميم الويب سريع الاستجابة يستخدم أوراق الأنماط المتتالية لوضع العناصر على الصفحة. لا تزال الجداول منطقية لغرضها الأصلي المقصود من عرض البيانات المجدولة ، ولكن لتنظيم تخطيط ومحتوى الصفحة ، يكون من الأفضل استخدام تخطيط CSS بدلاً من ذلك.