HTML+CSS+JavaScript

в таблице в строке две ячейки. В них вставлены таблицыю. Одна таблица может получиться по высоте больше другой...как сделать так, чтобы они были одной высоты?

А если во внешней таблице задать cellspacing=0?

так и стоит...

вот вложил то что есть... можно ли как-то их выровнить?

У тех 2 таблиц, что внутри ячеек попробуйте задать height=100% и у самих таблиц и у ячеек

<table height=100%> <tr valign=top> <td height=100%>Содержание</td> </tr> </table>

что-то не получилось

<table border=0 cellspacing=1 cellpadding=5> {section name=i loop=$special_offers} {if $smarty.section.i.index is div by 2}<tr>{/if} <td valign=top> <table border=0 width=100% bgcolor=#{$smarty.const.CONF_MIDDLE_COLOR} cellpadding=0 cellspacing=1 height=100%> <tr><td height=100%> <table border=0 bgcolor=white width=100%> <tr> <td colspan=2><a href="index.php?productID={$special_offers[i][0]}"><img src="products_pictures/{$special_offers[i][2]}" border=0></a></td> </tr> <tr> <td align=center><a href="index.php?productID={$special_offers[i][0]}">{$special_offers[i][1]}</a></td> <td align=right><font color=red><b>{$special_offers[i][3]}</b></font></td> </tr> </table> </td></tr> </table> </td> {if ($smarty.section.i.index+1) is div by 2}</tr>{/if} {/section} </table>

Что-то не вижу, а рамка у вас от какой таблицы (или другого тега) рисуется?

точно, извините..лучше выложить уже собранный код...

<table border=0 cellspacing=1 cellpadding=5> <tr><td valign=top> <table border=0 width=100% bgcolor=#F0B5B5 cellpadding=0 cellspacing=1 height=100%> <!--те самые розовые таблицы--> <tr><td height=100%> <table border=0 bgcolor=white width=100%> <tr> <td colspan=2><a href="index.php?productID=119&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/177_48.jpg" border=0></a></td> </tr> <tr> <td align=center><a href="index.php?productID=119&PHPSESSID=454a93892e7b92204e35115252742992">Кардиоанализатор ЭК9Ц-01-КАРД</a></td> <td align=right><font color=red><b>цена.</b></font></td> </tr> </table> </td></tr> </table> </td> <td valign=top> <table border=0 width=100% bgcolor=#F0B5B5 cellpadding=0 cellspacing=1 height=100%><!--те самые розовые таблицы--> <tr><td height=100%> <table border=0 bgcolor=white width=100%> <tr> <td colspan=2><a href="index.php?productID=120&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/CardioVisorSmall1.png" border=0></a></td> </tr> <tr> <td align=center><a href="index.php?productID=120&PHPSESSID=454a93892e7b92204e35115252742992">Комплекс для экспресс-диагностики сердца Кардиовизор-6С</a></td> <td align=right><font color=red><b>цена.</b></font></td> </tr> </table> </td></tr> </table> </td> </tr><tr><td valign=top> <table border=0 width=100% bgcolor=#F0B5B5 cellpadding=0 cellspacing=1 height=100%><!--те самые розовые таблицы--> <tr><td height=100%> <table border=0 bgcolor=white width=100%> <tr> <td colspan=2><a href="index.php?productID=176&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/177_55.jpg" border=0></a></td> </tr> <tr> <td align=center><a href="index.php?productID=176&PHPSESSID=454a93892e7b92204e35115252742992">24-канальный анализатор монитор биопотенциалов головного мозга Нейровизор-БММ</a></td> <td align=right><font color=red><b>цена.</b></font></td> </tr> </table> </td></tr> </table> </td> <td valign=top> <table border=0 width=100% bgcolor=#F0B5B5 cellpadding=0 cellspacing=1 height=100%><!--те самые розовые таблицы--> <tr><td height=100%> <table border=0 bgcolor=white width=100%> <tr> <td colspan=2><a href="index.php?productID=145&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/anna3000.gif" border=0></a></td> </tr> <tr> <td align=center><a href="index.php?productID=145&PHPSESSID=454a93892e7b92204e35115252742992">Комплекс для амбулаторной регистрации ЭКГ АннА-Флэш-3000М</a></td> <td align=right><font color=red><b>цена</b></font></td> </tr> </table> </td></tr> </table> </td> </tr></table>

valign=top должен быть в тэге td

суть вопроса в другом;)

Приципите в css вот это

td { position:relative; height:50px; }

И будет вам мир и спокойствие. height используйте любое значение. Можно к примеру в %.
На всякий прикрепляю код.

это задается минимальная высота...а если один рисунок, вставленный, будет больше 50 px, а второй меньше 50? получится, что высота одной таблица равна 50 px, а высота второй 60 или больше...?

Можно применить overflow: scroll; Тогда все , что выходит за установленные пределы будут отображаться со скроллином.
Да же если картинка будет больше заданного (или текст) таблица просто будет больше других.
И табличная верстка не соответсует стандартам :) Попробуйте реализовать при помощи стилей.
Используйте списки.

представь заходишь в магазин, а там: "если вы хотите посмотреть цену, пролистайте весь наш каталог, там где-то есть цена". Круто?!

Предлогаю все изображения подогнать в одни рамки :) Через теже стили.
.table_img img {
height: 50px;
width: 50px;
}

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

Как хотите. :)

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

<style>   table.structura td{padding: 5px; background-color: #FFFFFF; border-style: solid; border-width:1px; border-color:#F0B5B5 }   table.structura td table td{border-style: none;} </style> <table class=structura order="0" cellspacing="6" cellpadding="1" >  <tr><td valign=top>    <table border=0 bgcolor=white width=100%>     <tr>     <td colspan=2><a href="index.php?productID=119&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/177_48.jpg" border=0></a></td>     </tr>     <tr>     <td align=center><a href="index.php?productID=119&PHPSESSID=454a93892e7b92204e35115252742992">Кардиоанализатор ЭК9Ц-01-КАРД</a></td>     <td align=right><font color=red><b>цена.</b></font></td>     </tr>    </table>  </td>  <td valign=top>    <table border=0 bgcolor=white width=100%>     <tr>     <td colspan=2><a href="index.php?productID=120&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/CardioVisorSmall1.png" border=0></a></td>     </tr>     <tr>     <td align=center><a href="index.php?productID=120&PHPSESSID=454a93892e7b92204e35115252742992">Комплекс для экспресс-диагностики сердца Кардиовизор-6С</a></td>     <td align=right><font color=red><b>цена.</b></font></td>     </tr>    </table>  </td>  </tr><tr><td valign=top>    <table border=0 bgcolor=white width=100%>     <tr>     <td colspan=2><a href="index.php?productID=176&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/177_55.jpg" border=0></a></td>     </tr>     <tr>     <td align=center><a href="index.php?productID=176&PHPSESSID=454a93892e7b92204e35115252742992">24-канальный анализатор монитор биопотенциалов головного мозга Нейровизор-БММ</a></td>     <td align=right><font color=red><b>цена.</b></font></td>     </tr>    </table>  </td>  <td valign=top>    <table border=0 bgcolor=white width=100%>     <tr>     <td colspan=2><a href="index.php?productID=145&PHPSESSID=454a93892e7b92204e35115252742992"><img src="products_pictures/anna3000.gif" border=0></a></td>     </tr>     <tr>     <td align=center><a href="index.php?productID=145&PHPSESSID=454a93892e7b92204e35115252742992">Комплекс для амбулаторной регистрации ЭКГ АннА-Флэш-3000М</a></td>     <td align=right><font color=red><b>цена</b></font></td>     </tr>    </table>  </td>  </tr></table>

В принципе, можно вообще только одну таблицу оставить, ту, которая формирует структуру, а все что внутри ячеек сделать на слоях.

ладно, хорошо....но у меня часто бывают ситуации, когда в ячейку вставляешь таблицу и надо, чтобы эта таблица была высотою с ячейку....height=100% - не работает:(...

Откажитесь вообще от таблиц. Используйте CSS. В кранем случае можно скроллинг использовать.

аааа....не нужен мне css....мне таблицы нужны!!!!

Вот! При любои размере каритнок таблицы будут одинаковой высоты.

вот что мне надо

Не очень понятно. Можно словами?

<table border=1 bordercolor=blue> <tr> <td> <table border=1 bordercolor=green> <tr> <td height=130>бла-бла</td> </tr> <tr> <td height=130>Бла-бла2</td> </tr> </table> </td> <td valign=top> <table border=1 bordercolor=red> <tr> <td height=10 colspan=2>Privet</td> </tr> <tr> <td>tyryt</td> <td>fgdfg</td> </tr> </table> </td> </tr> </table>

пример работы прикреплен...

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

Вот пожалуйста:

<table border=1 bordercolor=blue height=260> <tr> <td> <table border=1 bordercolor=green> <tr> <td height=130>бла-бла</td> </tr> <tr> <td height=130>Бла-бла2</td> </tr> </table> </td> <td valign=top> <table border=1 bordercolor=red height=100%> <tr> <td height=10 colspan=2>Privet</td> </tr> <tr> <td>tyryt</td> <td>fgdfg</td> </tr> </table> </td> </tr> </table>

все бы хорошо, да мне не известно, какой высоты синяя таблица....т.к.

<tr>       <td height=130>Бла-бла2</td>      </tr>

добавляются из бд

Делай её 100% или увеличивай динамически. По другому не получится.
P.S. Никак пароль забыл? :)

типо того...на работе он вбит, а из дома впервые:)
спасибо, будем пробовать