/ / Co jest nie tak z moim stołem? - html

Co jest nie tak z moim stołem? - html

Oto kod tabeli:

<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>

Kiedy wstawiam tabelę, pozostawia przerwę między tabelą a tekstem. Jeśli usuniemy stół, wszystko będzie dobrze. Co tu jest nie tak?

Odpowiedzi:

5 dla odpowiedzi № 1

Blogspot wstawia dla ciebie podziały linii... i odsuwają stół. (Jeszcze nie znalazłem obejścia).

Jeśli wyświetlasz źródło, możesz je zobaczyć:

<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 />
...

Ponieważ BRs są nieprawidłowe, gdy są bezpośrednio wewnątrz TABLE, TRlub po TH lub TD, przeglądarka wypycha te elementy poza tabelę i nad nią podczas renderowania DOM.


1 dla odpowiedzi nr 2

Jeśli spojrzysz na źródło strony, zauważysz TON <br/> znaczniki przeplatane z tabelą (ale nie zawarte w elementach komórki). Są one renderowane powyżej stołu.

Wygląda na to, że Twój HTML jest parsowany przez coś, a twoje linie podziału są zastępowane tagami BR.

Szybkie rozwiązanie: usuń wszystkie linie podziału i po prostu wpisz kod tabeli w jednym wierszu :)


1 dla odpowiedzi nr 3

Nie ma nic wspólnego ze stołem. To fakt, że jest ich 31 <br> (podział wiersza) znaczniki przed tabelą (które tworzą ogromną lukę.

Wygląda na to, że BlogSpot (lub inna usługa blogu, z której korzystasz) dodaje dodatkowe <br> znaczniki na podstawie sposobu ponownego formatowania resztytwoja treść. Jeśli to możliwe, edytuj źródło strony i usuwaj je ręcznie ... w przeciwnym razie staje się ona problemem z pomocą dowolnej platformy blogów, na której jesteś.


0 dla odpowiedzi nr 4

To nie ma nic wspólnego z niczym w twoim table narzut. Wyświetlanie źródła HTML tej strony pokazuje około 30 <br> tagi przed tabelą. Są oczywiście odpowiedzialni za dodatkową przestrzeń.

Dlaczego masz 30 <br> tagi przy wstawianiu tabeli muszą mieć coś wspólnego z tym, jak blogspot.com formatuje twoją treść. Najlepiej jest spróbować edytować HTML ręcznie, aby usunąć <br> tagi. Jeśli nie możesz tego zrobić, lub jeśli <br> tagi nie wyświetlają się podczas edycji HTML, jest to pytanie do działu obsługi klienta w Blogspot.