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

html веб дизайн вёрстка блочная вёрстка

Надо реализовать примерно это, но только на div-ах:
<table width="100%" border="1">
<tr>
<td width="1%" valign="top"><img src="1.jpg"></td>
<td valign="top">
какой-то там текст<br>
какой-то там текст<br>
какой-то там текст<br>
какой-то там текст<br>
какой-то там текст<br>
</td>
</tr>
</table>
Фишка в том, что изображение может быть или не быть, и ширина изображения заранее неизвестна.
Почему надо на дивах - потому что код так генериться, есть блоки и доступ к css. Конечно, можно поднапрячься и изменить код, вставить туда таблицы. Но очень интересно, можно ли решить через css.

Примечание:
Гость 2148, не прокатывает такой вариант.
если текст слишком широкий и использовать float для всех вложенных, то блок переносится на "новую строку".
если для текста блок не использовать, то тогда, если высота блока выше высоты изображения, то текст печатается под изображением.
Ответы:
<div class="content"><div class="img"> чето там</div> <div class="text"> чето там еще</div></div>
.content {display:inline;} IE
.content {display:inline-block;} все остальные
ну и float для того что бы выровнять по какому-то краю.
Думаю, по ссылке можно найти то, что нужно. Успехов!


14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.