Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > как уменьшить высоту строк в таблице


Автор: Johny_03 15.11.2008, 01:33
Подскажите, как уменьшить высоту строк в таблице до минимума? как это можно сделать в самом коде и как в CSS? Желательно чтобы во всех браузерах работало.

Код

<table border="1" cellpadding="0" cellspacing="0" width="640" height="215">
        <tr><td class="label">Размер (ШхВхГ) , мм</td><td class="value">375х370х965</td></tr>
        <tr><td class="label">Мощность нагрева, Вт</td><td class="value">500</td></tr>
        <tr><td class="label">Тип охлаждения</td><td class="value">компресорный</td></tr>
        <tr><td class="label">Вода</td><td class="value"> горячая / холодная</td></tr>
        <tr><td class="label">Мощность охлаждения,Вт</td><td class="value">100</td></tr>
        <tr><td class="label">Мощность нагрева, Вт</td><td class="value">500</td></tr>
        <tr><td class="label">Производительность нагрева,л/ч </td><td class="value">5</td></tr>
        <tr><td class="label">Производительность охлаждения</td><td class="value">3</td></tr>
     </table>


Заранее огромное спасибо!

Автор: webster 15.11.2008, 01:38
Код

* {
margin: 0px;
padding: 0px;
}
table {
border-collapse: collapse;
}
table, td {
font-size: 1px;
line-height: 0px;
min-height: 1px;
height: auto!important;
height: 1px;
}
И исходя из этого минимума увеличивать до нужных размеров smile Можно еще добавить "контрольный выстрел в цель" - overflow: hidden;

Автор: Johny_03 16.11.2008, 23:47
webster, огромное тебе спасибо!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)