Форум Сайтостроение Веб-строительство

Помогите по табличной верстке

D3
На сайте с 12.11.2011
Offline
51
dr303
340

Здравствуйте.

Уже 2 часа мучаюсь с проблемой. Помогите, кто знает...

Есть простая html страница:

<!doctype html>

<html>

<head>

<style type="text/css">

table, tr, td { border-spacing: 0; border-image-width: 0; padding: 0; margin: 0; }

</style>

</head>

<body>

<table><tr><td>

<img src="1.jpg">

</td></tr></table>

</body>

</html>

К примеру, изображение 1.jpg имеет размер 50x50 пикселей. Почему-то при этом размер тегов td, tr и table автоматически становится 50x55, то есть по вертикали браузеры добавляют 5 пикселей снизу от изображения.

Как сделать, чтобы их не было?

Красивое женское нижнее белье. http://designer-lingerie.ru/ (http://designer-lingerie.ru/)
Хелпзонович
На сайте с 15.06.2005
Offline
133
Хелпзонович
#1

Сперто на просторах интернета

td img { display:block; }

Вы там держитесь! Хорошего вам настроения. Здоровья.
Оптимизайка
На сайте с 11.03.2012
Offline
396
Оптимизайка
#2

http://htmlbook.ru/css/border-collapse

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
[Удален]
#3

Дело в том, что у картинки по умолчанию имеется нижний отступ. Добавьте к изображению свойство float: left;

Тогда ячейка таблицы будет по размерам совпадать с размерами картинки.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий