HTML+CSS+JavaScript

есть таблица состоящая из 4 строк и 2 столбцов...и есть третий столбец состоящий из 1 строки...так вот, информация которая помещается в третий столбец превышает по высоте 4 строки из первых двух столбцов и ячейки растягиваются - это смотрится не очень красиво...что можно придумать чтобы в первых двух столбцах ячейки не увеличивались в высоту? как узнать высоту ячейки (в ней слово, размер шрифта 10 pt, padding: 2pt)?

Приведите HTML-код.

> как узнать высоту ячейки (в ней слово, размер шрифта 10 pt, padding: 2pt)?
Нужно сделать так, чтобы автоматически все подстраивалось.

мне нужно чтобы высота строки была минимальна....

Пропишите в свойствах высоту

<td height="1"></td>

При отсутствии кода ничего более посоветовать не могу.

<table border=0 width=100% CELLSPACING=0 CELLPADDING=0> <tr> <td colspan=3 align=center><h2><b><font color=green>Медицинские Системы</font></b></h2> </td> </tr> <tr> <td width=80 height=15><div class=tbt_s>Телефон:</div> <td width=126><div class=tbt_s>(095) 913-xx-xx</div> <td height=244 rowspan=5 width=300><a href='#' onclick='question();'><img src="/pic/newk/map_sm.gif" width=300 alt="Карта проезда" border=0></a> <div class=text style="text-align:center">Для увеличения щелкните по картинке</div></td> </tr> <tr> <td height=15><div class=tbt_s>Факс:</div></td> <td><div class=tbt_s>(095) 913-xx-xx</div></td> </tr> <tr> <td height=15><div class=tbt_s>E-mail:</div></td> <td><div class=tbt_s>common@tam.ru</div></td> </tr> <tr> <td height=30><div class=tbt_s>Почтовый адрес:</div></td> <td><div class=tbt_s>Москва</div></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

надо чтобы данные с телефонон, почтой и др. были как можно ближе (padding в css стоит равным 2), а все оставшееся место бы заняла пустая ячейка..

Да, есть такая проблема в верстке.
Мне видится 2 решения.
1. Принудительно установить большую высоту последней ячейки. Для этого нужно вручную высчитать ее высоту (хотя бы приблизительно).

<td height="300px">&nbsp;</td>

<table border=1 width=100% CELLSPACING=0 CELLPADDING=0> <tr> <td colspan=3 align=center><h2><b> <font color=green>Медицинские Системы</font></b></h2> </td> </tr> <tr valign="top"> <td width=80 height=15><div class=tbt_s>Телефон:</div> <td width=126><div class=tbt_s>(095) 913-xx-xx</div> <td height=244 rowspan=5 width=300><a href='#' onclick='question();'><img src="/pic/newk/map_sm.gif" width=300 alt="Карта проезда" border=0></a> <div class=text style="text-align:center">Для увеличения щелкните по картинке</div></td> </tr> <tr> <td height=15px><div class=tbt_s>Факс:</div></td> <td><div class=tbt_s>(095) 913-xx-xx</div></td> </tr> <tr> <td height=15px><div class=tbt_s>E-mail:</div></td> <td><div class=tbt_s>common@tam.ru</div></td> </tr> <tr> <td height=30px><div class=tbt_s>Почтовый адрес:</div></td> <td><div class=tbt_s>Москва</div></td> </tr> <tr> <td height="300px">&nbsp;</td> <td>&nbsp;</td> </tr> </table>

Либо использовать вложенные таблицы. Этот способ гораздо универсальнее.

<table width="100%"> <tr valign="top"> <td> <table border=1 width=100% CELLSPACING=0 CELLPADDING=0> <tr> <td colspan=3 align=center><h2><b> <font color=green>Медицинские Системы</font></b></h2> </td> </tr> <tr valign="top"> <td width=80 height=15><div class=tbt_s>Телефон:</div> <td width=126><div class=tbt_s>(095) 913-xx-xx</div> </tr> <tr> <td height=15px><div class=tbt_s>Факс:</div></td> <td><div class=tbt_s>(095) 913-xx-xx</div></td> </tr> <tr> <td height=15px><div class=tbt_s>E-mail:</div></td> <td><div class=tbt_s>common@tam.ru</div></td> </tr> <tr> <td height=30px><div class=tbt_s>Почтовый адрес:</div></td> <td><div class=tbt_s>Москва</div></td> </tr> </table> </td> <td align="center"> <a href='#' onclick='question();'><img src="/pic/newk/map_sm.gif" width=300 alt="Карта проезда" border=0></a> <div class=text style="text-align:center">Для увеличения щелкните по картинке</div> </td> </tr> </table>