Форум Likeness.ru
http://forum.likeness.ru/

Как сделать картинку слева (справа) от текста в комментариях
http://forum.likeness.ru/viewtopic.php?f=16&t=6191
Страница 1 из 1

Автор:  pugal0 [ Чт окт 23, 2014 3:44 pm ]
Заголовок сообщения:  Как сделать картинку слева (справа) от текста в комментариях

Как сделать картинку слева (справа) от текста в комментариях?

Например:
Вложение:
left.png
left.png [ 109.24 Кб | Просмотров: 13954 ]

Сразу предупрежу, что это незаложенная правилами возможность сайта, возможно даже уязвимость и микро-хак, и я полагаю, что в любое время может быть пресечена администраторами, но пока это работает, делюсь инструкцией.

Когда мы вставляем картинку в комментарий, то получаем что-то вроде этого
Цитата:
<img src="http://img.likeness.ru/uploads/users/13348/1414063761.png" alt="" width="334" height="260" border="0" vspace="10" class="commentpic" /><br />Какой-то текст

Это HTML-код. Чтобы текст обтекал картинку слева или справа, нам надо внести в него изменения. Сразу покажу конечный код, изменения выделены жирным
Цитата:
<img src="http://img.likeness.ru/uploads/users/13348/1414063761.png" alt="" width="334" height="260" border="0" hspace="10" align="left" class="commentpic" />Какой-то текст

  • align="left" - самое важное изменение, как раз оно и приказывает картинке быть слева от текста. Можно вместо left написать right, тогда она будет справа.
  • vspace мы поменяли на hspace. Это не обязательно. vspace - это размер отступа от картинки по вертикали. В нашем случае он нам не нужен, а горизонтальный - hspace, которого не было, нам как раз пригодится, чтобы текст не прилип к картинке. При желании можно оставить оба параметра или поменять цифру 10 (размер в пикселях) на любую другую; очередность параметров hspace, align и других не имеет значения.
  • <br /> нам тоже уже не нужен, это перенос строки.

Лучше, чтобы код картинки шел перед текстом, который должен её обтекать, не важно, слева или справа она будет.

Страница 1 из 1 Часовой пояс: UTC + 4 часа
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/