اگر از جداول برای طرح بندی صفحه استفاده می کنید - هیچ کدام در XHTML ، به هر حال - احتمالا شما اضافه کردن فضای اضافی فضای اضافی در پوسته های خود را تجربه خواهید کرد. برای رفع این مشکل، شما باید هر دو تعریف جدول HTML خود و مشخصات هر یک از ورق های سبک حقیقی را بررسی کنید.
تعریف جدول HTML
تگ HTML برای جداول به طور پیش فرض برای برخی از نیازهای فاصله کنترل نمی کند. سه چیز در مورد تگ جدول درون سند HTML خود تأیید کنید:
- آیا جدول شما دارای ویژگی cellpadding به 0 است؟
- cellpadding = "0"
- آیا جدول شما ویژگی cellpacing را به 0 می دهد؟
- cellspacing = "0"
- آیا فضای قبل یا بعد از محتوای شما و برچسب های جدول وجود دارد؟
شماره 3 کیکر است بسیاری از ویراستاران HTML تمایل دارند کد را به صورت جداگانه از هم جدا کنند تا خواندن آن آسان باشد. اما بسیاری از مرورگرها این برگه ها، فضاها و بارکد را به عنوان فضای اضافی اضافی در داخل جداول خود تفسیر می کنند. خلاص شدن از فضای خالی اطراف برچسب های خود را و شما جداول crisper داشته باشید.
ورق های سبک
با این حال، ممکن است HTML غیر فعال باشد. صفحات سبک Cascading برخی از خصیصه های صفحه نمایش جداول را کنترل می کنند و بسته به صفحه، شما ممکن است یا شاید عمدا CSS خاصی در جدول اضافه نکرده باشید.
اسکن کردن فایل CSS حقیقی برای هر یک از مقادیر زیر در داخل جدول، ویژگی های th و td و تنظیم به صورت مورد نیاز:
- مرز مشخصه های یک جدول یا مرز سلولی را مشخص می کند
- مرز سقوط مرزهای مجاور را به عنوان یکی، برای جلوگیری از تکثیر عرض مرز
- Padding فضای خالی، در پیکسل، در اطراف هر سلول ارائه می دهد
- متن-align تعریف متن در سلول را تعیین می کند
- فاصله بین فاصله بین فاصله بین سلول ها، در پیکسل ها
جایگزین، گزینه ها
اگرچه شما هنوز هم می توانید از جداول HTML استفاده کنید، این استاندارد به خوبی در مرورگرهای امروز پشتیبانی و پشتیبانی می شود. مدرنترین وب سایت طراحی پاسخگو با استفاده از صفحات سبک cascading برای قرار دادن عناصر در یک صفحه است. جداول هنوز هم برای اهداف اولیه خود برای نمایش داده های جدولی حساس هستند، اما برای سازماندهی طرح و محتوای یک صفحه، به جای استفاده از طرح CSS بسیار بهتر است.