Проблема выравнивания картинок

[alleclf 6]

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

Мне сложно описать как именно это происходит, посмотрите пожалуйста скнины:

- тут красным выделено накладку картинки на картинку и картинки на поле цитаты. http://mobine.ru/files/01.png

- при меньших разрешениях экрана все выглядет нормально. http://mobine.ru/files/02.png

Код новости:

[quote][b][spoiler=+ Список книг][/b]

[img=left]http://mobine.ru/uploads/posts/2009-05/1241597470_soblazn3_1.jpg[/img][b]ЖЖизнь без трусов. Мастерство соблазнения...


[img=left]http://mobine.ru/uploads/posts/2009-05/1241597540_soblazn3_2.jpg[/img][b]Новая жжизнь без трусов.[/b] Вторая книга автора...


[img=left]http://mobine.ru/uploads/posts/2009-05/1241597547_soblazn3_3.jpg[/img][b]Угнать за 60 секунд или секреты успешных знакомств.[/b] В этой книге...[/spoiler][/quote]

[b]Формат:[/b] jar


[quote][center][b]Скачать:[/b] [hide][attachment=923][/hide][/center][/quote]

Спасибо, сайт mobine.ru

[Hydrargyrum 2]

Добавь больше переводов строки между абзацами..

Типа, так:

[quote][b][spoiler=+ Список книг][/b]

[img=left]http://mobine.ru/uploads/posts/2009-05/1241597470_soblazn3_1.jpg[/img][b]ЖЖизнь без трусов. Мастерство соблазнения...





[img=left]http://mobine.ru/uploads/posts/2009-05/1241597540_soblazn3_2.jpg[/img][b]Новая жжизнь без трусов.[/b] Вторая книга автора...


[img=left]http://mobine.ru/uploads/posts/2009-05/1241597547_soblazn3_3.jpg[/img][b]Угнать за 60 секунд или секреты успешных знакомств.[/b] В этой книге...[/spoiler][/quote]

[b]Формат:[/b] jar


[quote][center][b]Скачать:[/b] [hide][attachment=923][/hide][/center][/quote]

[alleclf 6]

На мониторе в 17 дюймов будет большой отступ после картинки.

Я так уже пробовал, дома на 22" все смотрится нормально, а вот если окно сделать по-меньше (как на 17" мониторе) получается большой отступ между картинками.

[Hydrargyrum 2]

Тогда запихивай всё в таблицу..

Одна строка(ячейка) таблицы - картинка с обтеканием текста..

Типа, так...

[quote][b][spoiler=+ Список книг][/b]


<table align="center" border="0" cellpadding="2" cellspacing="2" width="100%">

<tr>

	<td align="justify">

			  [img=left]http://mobine.ru/uploads/posts/2009-05/1241597470_soblazn3_1.jpg[/img][b]ЖЖизнь без трусов. Мастерство соблазнения...

	</td>

</tr>

<tr>

	<td align="justify">

		  [img=left]http://mobine.ru/uploads/posts/2009-05/1241597540_soblazn3_2.jpg[/img][b]Новая жжизнь без трусов.[/b] Вторая книга автора...

	</td>

</tr>

<tr>

	<td align="justify">

		  [img=left]http://mobine.ru/uploads/posts/2009-05/1241597547_soblazn3_3.jpg[/img][b]Угнать за 60 секунд или секреты успешных знакомств.[/b] В этой книге..

	</td>

</tr>

</table>


[/spoiler][/quote]

[b]Формат:[/b] jar


[quote][center][b]Скачать:[/b] [hide][attachment=923][/hide][/center][/quote]

[Gibigate 0]

Используй CSS свойство

clear:both

Например:

Стоит див

<div style="float:left"><img src="#"></div>

Если после него написать что нибудь, то текст налезет на картинку, в таком случае делаем так

<div style="clear:both">text</div>

В спойлере могу предположить вот это

в Engine.css находим .spoiler и дописываем clear:float;

Потом ниже пишем .spoiler img{float:left} теперь изображения сами будут выровнены по левому краю если что-т не понял стучись icq 704-594

[sergey78 18]

Тогда запихивай всё в таблицу..

я тоже так делаю

геморно конечно, а куда деваться...

[baxus 49]

ужс ... в таблицу новости)))

Делайте так.

Картинка Текст сопровождающий картинку <br clear="all" />

Или если таким образом выводятся все новости сделать доп полями

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

Изменено 24 июня 2009 пользователем ИскушениЕ

[Hydrargyrum 2]

<br clear="all" />

+1, респект ИскушениЕ!

Век живи - век учись!