Taulukkoon jää rako, vaikka...

Ääh, apuah, tein yksinkertaisen taulukon taittopohjaksi ja siihen jää ensimmäisen ja toisen rivin väliin rako, vaikka border-collapsen arvo on tyylitiedostossa collapse. Toisen ja kolmannen rivin väli on ok. Ensin collapse oli pelkassä table-tyylissä, tässä esimerkissä se on liitetty jopa jokaiseen solutyyliin, vaikka sitä ei tarvisi. En ymmärrä - apua viisaammilta? Liitin alle taulukko-osan - riittääkö se vai heitänkö lisäksi koko hela html-osan (se on melko pitkä).

HTML: XHTML 1.0 Strict//EN

taulukko:









Otsikkoa











tyylitiedosto:

body {margin:0;
}

A:link {color: #043e7b; text-decoration: none;letter-spacing:0.2em;
}

A:visited {color:#5d719e; text-decoration: none;letter-spacing:0.2em;
}

A:hover {color: #043e7b; text-decoration: underline;letter-spacing:0.2em;
}

A:active {color: #043e7b; text-decoration: underline;letter-spacing:0.2em;
}

h1 {
font-size: 130%;
font-weight: bold;
color: #033569;
}

h2 {
font-weight: bold;
font-size: 110%;
color: #033569;
}


img {border:0;
margin:0;
}


p, table, .sisalto1, .sisalto2, .sisalto3, h1, h2
{font-family: "Comic Sans MS", "sans serif";
text-align:left;
vertical-align:top;
}


table {width:800px;
font-size: 80%; line-height:165%;
color: #033569;
border:0;
border-collapse: collapse;
}


.sisalto1 {width:800px;
padding:0;
border-collapse: collapse;
}


.sisalto2 {width:800px;
background-image: url(kuvat/osa2.jpg);
background-repeat: repeat-x;
background-position: top center;
padding-top:0px;
padding-right:100px;
padding-bottom:10px;
padding-left:100px;
border-collapse: collapse;
}

.sisalto3 {width:800px;
border-collapse: collapse;
}