Принудительная высота TR в HTML

Question

Я пытаюсь заставить строку таблицы, которая содержит только изображения, быть высотой изображения, но на странице всегда отображается несколько дополнительных пикселей в высоту. Смотри http://www.slamgmt.com/newsite/index.php Также http://www.slamgmt.com/newsite/sla.css

В баннере вверху используются CSS-классы "banner" и "banneridebar", которые явно задают высоту, но фактическая высота слишком велика, что видно по пробелу ниже баннера и над черной линией.

Кто-нибудь знает способ заставить его обрезать это пространство?

Answer 1

добавить display:block к изображению заголовка, это должно исправить ...

img.topbanner
{
max-width:100%;
border:0px;
display: block;
}

Answer 2

Я полагаю, что теги img добавляют небольшое поле вокруг них. Попробуйте установить поле img: 0px и посмотрите, избавится ли это от вашей проблемы.

Answer 3

Я не думаю, что я когда-либо давал рост tr, он просто становится таким же высоким, как и тд внутри.

Кроме того, вы определяете высоту tr, равную 192, но значение td равно 194 с учетом границы в 2 пикселя.

tr.banner
{
height:192px;
max-height:192px;
}

td.banner
{
height:192px;
max-height:192px;
border-bottom:2px solid black;
}