2010-06-01 15 views
7

3 satır ve 1 sütun içeren bir html tablom var. Üst ve düğme satırında imgelerim var ve ortadaki satırda div var.HTML tablosundaki satırlar arasındaki ayırmayı nasıl kaldırırım?

Satırlarım arasında bir ayrım görüyorum (sayfamın arka planını görüyorum). Tüm dolgu ve kenar boşluklarını sıfırlamaya çalıştım (tablolar, div ve görüntüler için) ve hala bu ayrılığa sahibim. Lütfen, lütfen, bu problemi çözmeme yardım edin.

cevap

7

Seti <table> etiketinde cellspacing=0 yanı sıra cellpadding=0. 'Border-çöküş' kullanılarak

+2

Sen de düşündüğünüzü HTML 4/CSS 1/1996'da – amphetamachine

+1

. Bu HTML4/CSS1/1996. Böylece cevabım. – Paul

+1

Bu çözüm de çalışmıyor. Tablolarla formatlamada olduğu gibi ... DIV'lerin doğru kullanımını alacak, o yüzden biraz rahat bırakalım. :) –

15

Dene:

table { 
    border-collapse: collapse; 
} 
+0

Bunu işe kim aldı mı? Denedim ve benim için bir şey yapmadı. –

+0

çalışıyor! Teşekkürler ! –

0

tablo hücrelerinin kendilerini boşluğu ortadan kaldırmak gerekir. BB'de

:

<style type="text/css"> 
    td { 
    border-collapse: collapse; 
    border-spacing: 0; 
    margin: 0; 
    padding: 0; 
    } 
</style> 

Veya HTML 4.01/XHTML 1.0 DTD (Strict or Transitional) yılında:

<table cellspacing="0" cellpadding="0"> 
    [...] 
</table> 
1

O buna neden senin H2 sahip gibi görünüyor.

<h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2> 
3

Gonzohunter tamam bu çivilenmiş, ancak daha kolay sadece son bir HTML versiyonu olduğunu varsayarak, masaya stilini ayarlamak bulabilirsiniz: düzeltmek için, sıfıra bunun üst kenar boşluğu ayarlayın.

Ben Bu mükemmel çalıştı
<table style='border-collapse: collapse;'> 
    ... 
</table> 

kullandı.

5

Kullanım img etiketinin bu: Onun sayfasını biçimlendirme için tabloları kullanıyor

display: block; 
+0

Yaşasın! Sorunumu çözdüm! – winkbrace