2010-07-31

Обтекание картинки текстом HTML

 Текст cправа, изображение слева.  Для того, чтобы получилось такое обтекание, нужно подставить тег align="left" , значения же vspace="Х" hspace="Х" задают расстояние между картинкой и текстом по горизонтали и вертикали соответственно. В результате получится формула следующего вида:
 <img src="URL изображения" align="left" vspace="10" hspace="10"> Подставляйте в нее свои значения и у вас получится примерно так, как у меня.

..                                                 Текст слева, картинка справа.
                                        Подставляем значения в такую же формулу, лишь с тем отличием, что теперь указываем align="right", что и будет означать расположение изображения справа относительно от текста: <img src="URL изображения" align="left" vspace="10" hspace="10">

Разрыв текста картинкой, или расположение изображения в центре текста
Для этого подставляем ссылку на изображение в следующую формулу:
Ваш текст до картинки <img src="URL адрес картинки" Ваш текст после картинки.
align="middle" border="0">
.

Чтобы написать текст между двумя картинками, нужно подставить значения в следующий код: <IMG ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> <IMG ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> Текст между картинками

7 комментариев :

Анонимный комментирует...

отлично)

Анонимный комментирует...

Добрый день, Серёжа! Не получается совершить чудо-обтекание текстом картинки, которая слева. На что надо обратить особое внимание таким особам, как я?!) Спасибо, Марина

Наташа комментирует...

Привет! Только я не Серёжа, а Наташа :))
Обрати внимание на наличие лишних кавычек (или отсутствие необходимых), а также на наличие лишних пробелов.

Анонимный комментирует...

Ой, просите меня, Наташенька, великодушно. Я ошибочно посчитала, что это блог одного человека, так как не так давно получала ответ на вопрос на этом блоге у Серёжи. Спасибо, что не обиделись и ответили.) Я-новичок..., ничегошеньки у меня не получается с этим обтеканием, хоть садись и сама обтекай))). Я правильно поняла, что для размещения текста справа от рисунка я должна вставить в кавычки URL изображения своего рисунка и всё?!

Наташа ;) комментирует...

Да ничего страшного.
Вы правильно поняли. Главное ничего не менять в коде.

Лариса комментирует...

Мне понравилась идея написания текста между двумя картинками. Попробую сделать в ближайшем сообщении. Спасибо.

Анонимный комментирует...

Здравствуйте, снова Я!!!) Не прошло и трех месяцев, как снова появилась необходимость размещать текст по сторонам от картинок! И снова ФИАСКО! Хочу сначала спросить, кто готов терпеливо "добить" туповатого ученика в моем лице, дабы раз и навсегда избавить его, то есть меня, от мук, да и самому вздохнуть свободно). На одного несмышлёныша в Дневниках будет меньше. Потратила 5 часов и перелопатила массу советов, а воз и ныне там...( Не выходит "каменный цветок", даже с учетом выше написанного. Помогите, люди добрые!!!)

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML