




Погода в мире и в моем городе. ...
вечный календарь - (0)Серия сообщений "Часы+календарь": Часть 1 - первые шаги(мои календарики)Часть 2 - календа...
Заливные пирожки - (1): не жду пока подойдет тесто и руки чистые Сегодня хочу поделиться рецептом заливных пиро...
Английский худок David Stribbling - (0)жни Английский художник David Stribbling David Stribbling является одним из лучших британских ан...
Бродилочка-Будем красивыми - (0)...
Как расположить текст справа и слева от картинки и т.д |
![]() ![]() ![]() Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки, загруженный через радикал. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так. (адрес картинки (тот что находится в кавычках) может меняться, если вы грузите ее через другие источники)![]() Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так. ![]() Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так.![]() ВНИМАНИЕ - Если вы грузите картинки через другие источники, то в конце кода, перед последними кавычками стоит закрывающая дробь (косая палочка) Тогда атрибуты align="left", и align="right" СТАВИТЕ ПЕРЕД НЕЙ. ![]() Или проще напишу так. В HTML формате в конце кода (перед последними кавычками (и дробью, если она есть)) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так ![]() Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху. Вот так это выглядит. текст внизу картинки текст посередине картинки текст вверху картинкиНу а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите. добавить align="left" -и картинка будет слева от текста align="right" -картинка будет справа от текста. align="bottom" -картинка будет внизу текста align="middle" -картинка будет посредине текста align="top" - картинка будет вверху текста. Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве. ![]() |
Серия сообщений "***уроки от Шадриной":
Часть 1 - Как легко и быстро сделать свой, оригинальный разделитель в программе ЭДИТОР
Часть 2 - Новая версия полюбившегося сайта Скруглитель
...
Часть 15 - Создание рамочек без знаний html всего за пару минут
Часть 16 - Если в дневнике пропали записи или картинки
Часть 17 - Как расположить текст справа и слева от картинки и т.д
Часть 18 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 19 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 20 - Пишем красиво затухающим текстом
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |