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