/ / Какво не е наред с моята маса? - html

Какво не е наред с моята маса? - html

Ето кода на таблицата:

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

Когато вмъквам таблицата, тя оставя празно пространство между масата и текста. Ако махна масата, всичко е наред. Какво ще се обърка тук?

Отговори:

5 за отговор № 1

Blogspot вмъква линии за вас... и натискат масата. (Още не съм намерил решение).

Ако видите източника, можете да го видите:

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

Тъй като BRs са невалидни, когато се намират директно в a TABLE, TR, или след TH или TD, браузърът изтласква тези елементи извън и над таблицата при рендиране на DOM.


1 за отговор № 2

Ако погледнете източника на страницата, ще забележите TON от <br/> маркери, разпръснати с масата ви (но не се съдържат в елементите на клетката). Те са изложени над масата.

Изглежда, че вашият HTML се анализира по нещо, а вашите прекъсвания на линиите се заменят с маркери BR.

Бързо решение: премахнете всички линии и просто въведете кода на таблицата на един ред :)


1 за отговор № 3

Няма нищо общо с масата. Това е фактът, че има 31 <br> (линейни) маркери пред таблицата (които създават огромната разлика.

Това звучи като BlogSpot (или каквото и блог услуга, която използвате) добавя допълнителни <br> на базата на това как форматирате останалата част от тяхвашето съдържание. Редактирайте източника на страницата, ако е възможно, и го махнете ръчно ... в противен случай става въпрос за поддръжка с каквато и да е блог платформа.


0 за отговор № 4

Това няма нищо общо с нищо във вашия table маркиране. Преглеждането на HTML източника на тази страница показва около 30 <br> маркери пред масата. Те очевидно носят отговорност за допълнително пространство.

Защо получавате 30 <br> етикетите при вмъкване на таблица трябва да имат нещо общо с това как blogspot.com форматира съдържанието ви. Най-добре е да опитате ръчно да редактирате HTML, за да го премахнете <br> тагове. Ако не можете да направите това, или ако <br> маркерите не се показват при редактиране на HTML, това е въпрос за обслужване на клиенти в Blogspot.