Sayfa düzeni için tablolar kullanıyorsanız (XHTML'de hayır-hayır), muhtemelen düzenlerinizde göze hoş gelmeyen fazladan alan eklenmesini deneyimleyeceksiniz. Bu sorunu çözmek için, hem HTML tablo tanımınızı hem de herhangi bir yöneten stil sayfasının özelliklerini kontrol etmeniz gerekir.
HTML Tablo Tanımı
HTML etiket tablolar için varsayılan olarak bazı boşluk gereksinimlerini kontrol etmez. hakkında üç şeyi doğrulayın. masa HTML belgenizdeki etiket:
- Tablonuzda cellpadding özelliği 0 olarak ayarlanmış mı?
hücre doldurma = "0"
- Tablonuzda hücre aralığı özelliği 0 olarak ayarlanmış mı?
hücre aralığı = "0"
- İçeriğinizden ve tablo etiketlerinden önce veya sonra boşluk var mı?
3 numara vurucudur. birçok HTML editörleri kodun okunmasını kolaylaştırmak için aralıklı olmasını ister. Ancak birçok tarayıcı, bu sekmeleri, boşlukları ve satır başlarını tablolarınızda istediğiniz fazladan boşluk olarak yorumlar. Etiketlerinizi çevreleyen boşluklardan kurtulun ve daha net tablolara sahip olacaksınız.
Stil Sayfaları
Ancak, kapalı olan HTML olmayabilir. Basamaklı Stil Şablonu tabloların bazı görüntüleme özelliklerini kontrol edin ve sayfaya bağlı olarak, ilk etapta kasıtlı olarak tabloya özgü CSS'yi eklemiş veya eklememiş olabilirsiniz.
Aşağıdaki değerlerden herhangi biri için geçerli CSS dosyasını tarayın. masa, inciveya tdözellikleri ve gerektiği gibi ayarlayın:
- sınır: Bir tablonun veya hücre kenarlığının özniteliklerini belirtir
- sınır çökmesi: Kenar genişliklerini çoğaltmaktan kaçınmak için bitişik kenarlıkları tek olarak ele alır
- dolgu malzemesi: Her hücrenin etrafında piksel cinsinden boş alan sunar
- Metin hizalama: belirler metnin hizalanması hücre içinde
- sınır aralığı: Hücreler arasındaki aralığı piksel olarak ayarlar
alternatifler
Hâlâ HTML tablolarını kullanabilmenize rağmen (standart, bugünün dünyasında iyi kurulmuş ve evrensel olarak desteklenmektedir). tarayıcılar), çoğu modern duyarlı web tasarımı, öğeleri bir sayfaya yerleştirmek için basamaklı stil sayfaları kullanır. Tablolar, orijinal amaçlanan tablo verilerini görüntülemek için hala anlamlıdır, ancak bir sayfanın düzenini ve içeriğini düzenlemek için bunun yerine CSS düzenini kullanmak çok daha iyidir.