[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: две таблицы рядом
Guest
в общем дело происходит, когда пользователь оставляет комментарий
слева блок с фоткой - справа с сообщением,
выглядит примерно так
/ блок с \ / сообщение\
/ фотографией \
нужно так сверстать, чтобы высота левого блока не изменяла высоту правого при увеличении и наоборот.
все бы ничего, можно было бы использовать два дива и все, но есть одно НО:
нет фиксированной ширины у левого блока, ее ширина растягивается по фотке, и у правого нету, она может изменяется, див тут не справляется с моими знаниями.
вот моя версия:
<table>
<tr>
<td>
блок с фоткой
</td>
<td width=100%>
блок с сообщением
</td>
</tr>
но как вы понимаете растягивая один столбец по высоте - растягивается и второй
а с помощью дивов я не могу сделать изменяемую ширину.
как справиться с задачей?



Спустя 19 минут, 38 секунд (9.06.2010 - 00:38) Bezdna написал(а):

<table width="100%" border="0">
<tr>
<td
height="100" width="100">блок с фоткой</td>
<td
rowspan="2"> </td>
</tr>
<tr>
<td>
блок с сообщением</td>
</tr>
</table>


Спустя 19 минут, 55 секунд (9.06.2010 - 00:58) Unlikely написал(а):
Bezdna
<table width="100%" border="1">
<tr>
<td
height="100" width="100">блок с фоткой</td>
<td
rowspan="2">блок с сообщением</td>
</tr>
<tr>
<td> </td>
</tr>
</table>

Спустя 17 минут, 23 секунды (9.06.2010 - 01:15) Guest написал(а):
Unlikely
вот сейчас в исходник вставил проверить, вполне мб то что нужно, но сегодня уже сил нету, завтра напишу, что и как!!!

Спустя 8 часов, 10 минут, 14 секунд (9.06.2010 - 09:25) трамонтана написал(а):
эта не нада делать дивами - это табличные данные..
Guest, может я чо та не понял..но мнекажется надо в твою версию таблицы у всех td прописать в стиле свойство vertical-align:top и всё


зы
Guest пишет "нет фиксированной ширины у левого блока"
Bezdna, Unlikely пишет " width="100"" tongue.gif

Спустя 2 часа, 29 минут, 48 секунд (9.06.2010 - 11:55) Guest написал(а):
все, спасибо всем большое, все четко!!!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.