![(620x90, 233Kb)](//img0.liveinternet.ru/images/attach/c/0//63/332/63332668_7ddc2e9b9e3f.gif)
![](//s017.radikal.ru/i439/1202/14/127459aaa55b.gif) По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.
Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.
![](//s54.radikal.ru/i145/1202/5b/a39c965157b9.jpg)
Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так.
![](//s017.radikal.ru/i440/1202/5e/29c21284482f.jpg)
Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так.
![](//s018.radikal.ru/i519/1202/83/9c17f9cbd8b6.jpg)
Или проще напишу так. В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки)
Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так
![](http://content.foto.mail.ru/mail/galina.lena/_blogs/i-3161.jpg)
Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху.
Вот так это выглядит.
текст внизу картинки
текст посередине картинки
текст вверху картинки
Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите.
добавить
align="left" -и картинка будет слева от текста
align="right" -картинка будет справа от текста.
align="bottom" -картинка будет внизу текста
align="middle" -картинка будет посредине текста
align="top" - картинка будет вверху текста.
Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве.
Из блога ГАЛИНЫ ШАДРИНОЙ
![(620x90, 233Kb)](//img0.liveinternet.ru/images/attach/c/0//63/332/63332668_7ddc2e9b9e3f.gif) |