Tafel selle groter as wat hulle veronderstel is om te wees

Question

Ek het 'n kaart stelsel vir 'n wedstryd wat loop op die beginsel van die tekens van die beeld van die kaart van teëls geskep. Daar is baie redes hiervoor wat ek nie in hier gaan, maar as jy regtig wil dan weet ek is seker jy kan uitvind hoe om my te kontak;)

Ek het het die nuutste weergawe leef sodat jy presies kan sien waar die probleem lê en die bron. Die probleem is die lyn tussen die top 2 teëls en die onderste 2 teëls, kan ek nie uitvind waarom dit is weg soos hierdie en enige hulp sal waardeer word.

In die bron is 'n merker genaamd "StackOverflow", as jy soek vir "StackOverflow" wanneer jy bron dan moet dit jou neem na die tafel in die vraag.

Ek het ook gelaai n beeld van die probleem .

Answer 1

Ek dink jy moet display: block gebruik op jou beelde. Wanneer beelde is inline daar is 'n bietjie ekstra ruimte vir die lynspasiëring.

Answer 2

Jy kan ook pas die lyn hoogte van die td element:

td {
    line-height: 0
}

Answer 3

Ek weet dit klink dalk sleg nie, maar wat jy nodig het om seker te maak daar is geen spasies tussen dan eindig van jou tag en die begin van die einde <img> tag </td>.

d.w.z. Die volgende sal die probleem aan te bied:

<td>
 <img src="image.jpg"/>
</td>

En sal dit nie:

<td><img src="image.jpg"/></td>

Hoop dit help.

Edit: OK, dit was nie die oplossing nie. doh!

Answer 4

Ek het nie opgekyk die hele ding, maar die probleem lê iewers in die style sheets.

As jy kopieer uit net die tafel deel daarvan, dit is die kaart korrek vertoon.

As jy die finale </span> tag van hierdie deel verwyder, is dit ook besig (egter die bladsy kry gemengde):

<div class="inner"><span class="corners-top"><span></span></span>
<div class="content" style="font-size: 1.1em;">

<!-- Stackoverflow findy thingy -->
<table border="0" cellspacing="0" cellpadding="0">

So óf probeer van die begin af met die css of probeer om te verwyder een-vir-een hulle te sien, wat die probleem veroorsaak.