22:40 

Картинка с обтекающим её текстом

Это все всего лишь иллюзия

справа <div align="center" style="float:right"><img src="Картинка"><font size="0.8em">«картинка справа»</font></div>
слева <div align="center" style="float:left"><img src="Картинка"><font size="0.8em">«картинка слева»</font></div>


Чтобы обтекающий текст не лепился вплотную к картине, нужно добавить атрибут hspace, например:
<img src="http://адрес картинки" align="left" hspace="20">
где вместо 20 - можно подставить любое значение



«картинка справа»

Авата́р, авата́ра, а́ва, также юзерпик (от англ. user picture — «картинка пользователя») — небольшое статичное или анимированное изображение (часто ограниченное размером в некоторое число пикселей), обычно не являющееся истинной фотографией пользователя. Отображается в профиле зарегистрированного пользователя форума или сайта. Может быть как фотографией, так и некой картинкой, которая отражает суть пользователя и помогает максимально правильно создать первое впечатление у собеседника.

Изготовление

Нет ничего сложного в том, что бы сделать аватар-картинку. Достаточно уменьшить до необходимых размеров понравившееся вам изображение, свою фотографию или рисунок.

«картинка слева»
С другой стороны получить качественную, красивую, запоминающуюся аватар-картинку достаточно сложно, поэтому существуют группы людей, изготовляющих аватары для других на заказ, существуют конкурсы на лучшие аватары и так далее. Некоторые типы аккаунтов ЖЖ позволяют пользователю иметь до 100 аватаров, поэтому спрос всегда растёт.

В связи с развитием всемирной сети, появления у пользователей более качественного доступа к Интернету, существует тенденция к увеличению размеров аватаров, что многими оценивается негативно


Так же для написания формул и прочей лабуды есть 2 тега:
повышающий <sup>текст</sup>
понижающий <sub>текст</sub>
так же их можно вкладывать друг в друга <sup>текст<sup>текст2<sup>текст3</sup></sup></sup>

повышающий: pen2
понижающий: Y11Y12+Y21Y22=YВложенно


Так же есть тег аббревиатуры <abbr title="HyperText Markup Language">ХТМЛ</abbr>
результат виден при наведении и удерживании курсора на тексе (должно появиться рашифрованное значение)

ХТМЛ


@темы: Добавление изображений, Теги оформления записи

Комментарии
2011-06-19 в 12:13 

Baka-zoid
Это все всего лишь иллюзия
Kuraga Petrovna, ну надо код смотреть, потому как там справа от картинки еще кавычки со скобочкой, а это значит что что-то не так

2011-06-19 в 12:59 

Вот

<div align="center" style="float:left"><img src="http://a"><img src="http://s013.radikal.ru/i322/1106/d9/5c7be964d864.jpg">"><font size="0px;.8em">""</font></div>

2011-06-20 в 01:53 

Baka-zoid
Это все всего лишь иллюзия
Kuraga Petrovna, ну дык убери <img src="http://a">
и
">

будет как то так
<div align="center" style="float:left;"><img src="http://s013.radikal.ru/i322/1106/d9/5c7be964d864.jpg"><font size="0.8em"></font></div>

В принципе если подпись не планируешь то можно и
<font size="0.8em"></font> убрать

2011-06-20 в 08:03 

CanTata [DELETED user]
Baka-zoid Спасибо, все получилось!

2011-06-20 в 08:59 

CanTata [DELETED user]
Baka-zoid еще вопрос. Пыталась добавить align="left" hspace="20", но после добавления, появляется такая ерунда! Справа от картинки



<div align="center" style="float:left"><img src="http://i020.radikal.ru/1106/c6/0a3e49eade2b.jpg">align="left" hspace="20"<font size="0px;.8em"></font></div>

2011-06-20 в 16:17 

Baka-zoid
Это все всего лишь иллюзия
добавлять надо до закрывающей скобки >
<div align="center" style="float:left"><img src="http://i020.radikal.ru/1106/c6/0a3e49eade2b.jpg" align="left" hspace="20"><font size="0px;.8em"></font></div>

2011-06-20 в 20:29 

Baka-zoid спасибо, век живи, век учись! ))

2014-12-06 в 18:57 

Обсидиана
Ленивая Фея...
А можно совсем тупому человеку, как я, на пальцах объяснить, почему у меня не получается вставить картинку, чтобы ее текст обтекал? У меня картинка справа, но текст над ней и под ней, а не с боку, как должен быть.

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная