/ Čo sa deje s mojim stolom? - html

Čo je v poriadku v mojom stole? - html

Tu je kód pre tabuľku:

<table align="center" width="303" height="740" border="1" cellpadding="10">
<tr>
<th width="130" height="41" scope="col">URL1 - Normal</th>
<th width="121" scope="col">URL2  - Hover</th>
</tr>
<tr>
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green-h.png" alt=""/></td>
</tr>
<tr>
<td height="124"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue-h.png" alt=""/></td>
</tr>
<tr>
<td height="147"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey-h.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey.png" alt=""/></td>
</tr>
<tr>
<td height="137"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black-h.png" alt=""/></td>
</tr>
</table>

Keď vložím tabuľku, ponecháva medzeru medzi tabuľkou a textom. Ak odstránim stôl, všetko je v poriadku. Čo sa tu pokazí?

odpovede:

5 pre odpoveď č. 1

Blogspot vkladá pre vás linky... a stlačia stôl. (Nenašiel som zatiaľ riešenie.)

Ak si prezriete zdroj, môžete si ho pozrieť:

<table align="center" width="303" height="740" border="1" cellpadding="10"><br />
<tr><br />
<th width="130" height="41" scope="col">URL1 - Normal</th><br />
<th width="121" scope="col">URL2  - Hover</th><br />
</tr><br />
<tr><br />
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td><br />
...

Pretože BRs sú neplatné, keď sú priamo vo vnútri TABLE, TR, alebo po a TH alebo TD, prehliadač tlačí tieto prvky z tabuľky a nad tabuľku pri vykresľovaní DOM.


1 pre odpoveď č. 2

Ak sa pozriete na zdroj stránky, všimnete si TON of <br/> tagy rozptýlené v tabuľke (ale nie sú obsiahnuté v bunkových prvkoch). Sú vykreslené nad tabuľkou.

Zdá sa, že váš kód HTML nie je analyzovaný a niekedy sa vaše breaky na riadku nahrádzajú značkami BR.

Rýchle riešenie: odstráňte všetky linebreaks a stačí mať kód stola na jednom riadku :)


1 pre odpoveď č. 3

Nemá nič spoločné so stolom. Je to skutočnosť, že existuje 31 <br> (line break) pred tabuľkou (čo vytvára obrovskú medzeru.

Znie to ako BlogSpot (alebo akékoľvek blogové služby, ktoré používate) <br> značiek na základe toho, ako formátujete zvyšokváš obsah. Upravte zdroj stránky, ak je to možné, a ručne ich odstráňte ... inak sa stane problémom podpory s akoukoľvek blogovou platformou, na ktorej ste na.


0 pre odpoveď č. 4

To nemá nič spoločné s ničím vo vašom table značkovanie. Zobrazenie zdroja HTML tejto stránky je približne 30 <br> značky pred tabuľkou. Oni sú zrejme zodpovední za extra priestor.

Prečo dostanete 30 <br> značky pri vkladaní tabuľky musí mať niečo spoločné s tým, ako blogspot.com je formátovanie vášho obsahu. Vaša najlepšia stávka je pokúsiť sa manuálne editovať HTML, aby ste ju odstránili <br> tagy. Ak to nemôžete urobiť, alebo ak <br> značky sa nezobrazujú pri úprave kódu HTML, je to otázka zákazníckej služby v službe Blogspot.