Перейти к публикации

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


Рекомендованные сообщения

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

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

- тут красным выделено накладку картинки на картинку и картинки на поле цитаты. 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

Ссылка на сообщение
Поделиться на других сайтах

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

Типа, так:

[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]

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Типа, так...

[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]

Ссылка на сообщение
Поделиться на других сайтах

Используй 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

Ссылка на сообщение
Поделиться на других сайтах

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

Делайте так.

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

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

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

Изменено пользователем ИскушениЕ
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...