Как сделать картинку слева (справа) от текста в комментариях?Например:
Вложение:
left.png [ 109.24 Кб | Просмотров: 27090 ]
Сразу предупрежу, что это незаложенная правилами возможность сайта, возможно даже уязвимость и микро-хак, и я полагаю, что в любое время может быть пресечена администраторами, но пока это работает, делюсь инструкцией.
Когда мы вставляем картинку в комментарий, то получаем что-то вроде этого
Цитата:
<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 /> нам тоже уже не нужен, это перенос строки.
Лучше, чтобы код картинки шел перед текстом, который должен её обтекать, не важно, слева или справа она будет.
Вернуться к началу
