Опять раздвигается таблица или крик о помощи

[mid]

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

Есть текст с картинками, если картинке сделать выравнивание по левому краю, то текст пытается влезть справа и раздвигает таблицу (у меня фиксированная ширина должна быть).

Как заставить браузер понять что НЕ нужно раздвигать таблицу, а вывести текст по картинкой.

Вариант поставить варавнивание по верху - не подходит, Так как у меня проблема у меня в разделе новости а они отображаются в "широкой" таблице (полный текст) и в "узкой" (на главной Интротекст+сжатие картинок), и если поставить варавние по верху то в широкой части будут пробелы огромные рядом с картинками.

Вот пример кода:

<table border="2" width="186">
	<tr>
		<td width="186">
		<img width="186" src="images/bw.jpg">
		</td>
	</tr>
	<tr>
		<td width="186">
		<p><img src="images/clock.jpg" width="150" align="left" nowrap="nowrap" >
		Если этот текст не влезает вместе с картинкой слева, то должен быть написан под картинкой</p>
		</td>
	</tr>
  </table>

Заранее благодарен если кто подскажет основы HTML

[psywalker]

Сделай так:

<img src="images/clock.jpg" width="150" align="left" nowrap="nowrap" >

<p>Если этот текст не влезает вместе с картинкой слева, то должен быть написан под картинкой</p>

[mid]

Сделай так:

<img src="images/clock.jpg" width="150" align="left" nowrap="nowrap" >

<p>Если этот текст не влезает вместе с картинкой слева, то должен быть написан под картинкой</p>

Я так делал Эксплоер всё равно раздвигает, опера - ок, но суть не меняется текст режется/выходит за рамки таблицы.

Таблица-то остается ровной - но текст не читабельный

[psywalker]

убери у картинки align: left и задай ей display: block;

А вообще покажи мне скрин того, что хочешь получить, так будет понятнее и легче тебе посоветовать, что делать

[Bondarov]

Я так понимаю картинка должна обтекаться справа текстом?

<td width="ширина px"><img src="images/..." id="image_1" />Lorem Ipsum...</td>

(css)

#image_1 {

float: left;

}

mid, выложите скриншот. Поможем.

Edited May 24, 2009 by Bondarov

[mid]

Я так понимаю картинка должна обтекаться справа текстом?

<td width="ширина px"><img src="images/..." id="image_1" />Lorem Ipsum...</td>

(css)

#image_1 {

float: left;

}

mid, выложите скриншот. Поможем.

Огромное спасибо - именно так и заработало нормально -Если широкая таблица - текст справа если узкая то под картинкой.

причем как Iexplorer так и Opera

Может окончательно меня просвятите чем отличаются Float от Align - я думал что и то и тот задает выравнивание элемента. Как я понял

предпочтительнее использовать Float в дальнейшем?

Да, кстати не разобрался как скриншот к сообщению добавить, тут только ссылка возможна.

Еще раз спасибо

[psywalker]

Может окончательно меня просвятите чем отличаются Float от Align - я думал что и то и тот задает выравнивание элемента. Как я понял

предпочтительнее использовать Float в дальнейшем?

Я тебе не смогу быстро объяснить, но скажу просто: Забудь про align и используй для обтекания в дальнейшем только float;

И вот тебе ещё статейка, почитай обязательно:

http://i2r.ru/static/476/out_22663.shtml

[mid]

Я тебе не смогу быстро объяснить, но скажу просто: Забудь про align и используй для обтекания в дальнейшем только float;

И вот тебе ещё статейка, почитай обязательно:

http://i2r.ru/static/476/out_22663.shtml

Супер спасибо большое