Sayfa düzeni için tablolar kullanıyorsanız - XHTML'de no-no , bu arada - bu, düzenlerinizde fazladan boşluk eklenmesiyle karşılaşırsınız. Bu sorunu düzeltmek için hem HTML tablosu tanımınızı hem de herhangi bir yönetim stil sayfasının özelliklerini kontrol etmeniz gerekir.
HTML Tablo Tanımı
Tabloların HTML etiketi varsayılan olarak bazı boşluk gereksinimleri için denetlenmez. HTML belgenizdeki tablo etiketi hakkında üç şeyi doğrulayın:
- Tablonuzda 0 olarak ayarlanmış hücre paneli özelliği var mı?
- cellpadding = "0"
- Tablonuzda 0 olarak ayarlanan hücre boşaltma özelliği var mı?
- cellspacing = "0"
- İçeriğinizden ve masaüstünüzden önce veya sonra herhangi bir boşluk var mı?
3 numara kicker. Birçok HTML düzenleyicisi, okunması kolay hale getirmek için kodun tümünün aralıklı olmasını ister. Ancak birçok tarayıcı bu sekmeleri, boşlukları ve satırbaşlarını tablolarınızda istediğiniz ekstra alan olarak yorumlar. Etiketlerinizi çevreleyen boşluklardan kurtulun ve daha net tablolara sahip olursunuz.
Stil sayfaları
Ancak, kapalı HTML olmayabilir. Basamaklı stil sayfaları, tabloların bazı görüntü özniteliklerini kontrol eder ve sayfaya bağlı olarak, öncelikle masaya özgü CSS'yi kasıtlı olarak ekleyebilir veya eklemiş olabilirsiniz.
Yönetim CSS dosyasını tablodaki aşağıdaki değerlerden herhangi biri için tarayın , th veya td özellikleri ve gerektiği gibi ayarlayın:
- kenarlık , bir tablonun veya hücre sınırının niteliklerini belirtir
- kenarlık daraltma , kenar genişliğini çoğaltmaktan kaçınmak için bitişik kenarlıkları tek olarak ele alır
- dolgu , her bir hücrenin etrafına piksel olarak boş alan sunar
- metin hizalama , hücre içindeki metnin hizalamasını belirler
- border-spacing , pikseller arasında hücreler arasındaki boşlukları ayarlar
Alternatifler
Yine de HTML tablolarını kullanabilmenize rağmen - standart günümüzün tarayıcılarında iyi yapılandırılmış ve evrensel olarak desteklenmektedir - çoğu modern yanıt veren Web tasarımı, bir sayfaya öğeleri yerleştirmek için basamaklı stil sayfaları kullanır. Tablolar, orijinal amaçlanan maküler verilerini görüntüleme amacına yönelik olarak hala mantıklıdır, ancak bir sayfanın düzenini ve içeriğini düzenlemek için, bunun yerine CSS düzenini kullanmaktan daha iyidir.