/ / Що трапилось з моїм столом? - 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 недійсні, коли безпосередньо в а TABLE, TR, або після TH або TD, браузер виштовхує ці елементи з і над таблицею при відтворенні DOM.


1 для відповіді № 2

Якщо ви подивитеся на джерело сторінки, ви помітите TON of <br/> теги містяться у вашому столі (але не містяться в елементах комірки). Вони винесені над столом.

Схоже, що ваш HTML розбирається щось, а ваша перерва на лінії замінюється тегами BR.

Швидке рішення: видаліть всі лінії і просто додайте код таблиці на одну лінію :)


1 для відповіді № 3

Це не має нічого спільного зі столом. Це той факт, що є 31 <br> (розрив рядків) перед таблицею (які створюють величезний пробіл).

Схоже, BlogSpot (або будь-який блог-сервіс, який ви використовуєте) додає додатковий <br> теги, що базуються на тому, як ви форматируєте решту частиниваш вміст Якщо можливо, відредагуйте джерело сторінки та видаліть їх вручну ... інакше це стане проблемою підтримки з будь-якою платформою блогу, на якій ви перебуваєте.


0 для відповіді № 4

Це не має нічого спільного з чимось у вас table розмітка Перегляд HTML-коду цієї сторінки показує близько 30 <br> мітки перед столом. Вони, безумовно, несуть відповідальність за додатковий простір.

Чому ви отримуєте 30 <br> теги при вставці таблиці повинні мати щось пов'язане з тим, як blogspot.com форматування вашого вмісту. Найкращий варіант - спробувати редагувати HTML вручну, щоб видалити <br> мітки Якщо ви не можете це зробити, або якщо <br> Теги не відображаються під час редагування HTML, це питання для обслуговування клієнтів в Blogspot.