как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

Суббота, 11 Февраля 2012 г. 01:15 + в цитатник

Цитата сообщения Феврония52

Прочитать целиком В свой цитатник или сообщество!

как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.
Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.

Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так.

Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так.

Или проще напишу так. В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки)

Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так

Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху.
Вот так это выглядит.

текст внизу картинки

текст посередине картинки

текст вверху картинки

Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите.
добавить
align="left" -и картинка будет слева от текста
align="right" -картинка будет справа от текста.
align="bottom" -картинка будет внизу текста
align="middle" -картинка будет посредине текста
align="top" - картинка будет вверху текста.
Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве.
Из блога ГАЛИНЫ ШАДРИНОЙ

Метки: дневник

<a href="https://www.liveinternet.ru/users/morgana797/post205829300/">РєР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ С‚РµРєСЃС‚ СЃРїСЂР°РІР° Рё СЃР»РµРІР° РѕС‚ РєР°СЂС‚РёРЅРєРё, РІРЅРёР·Сѓ РєР°СЂС‚РёРЅРєРё, РІРІРµСЂС…Сѓ Рё РїРѕСЃСЂРµРґРёРЅРµ.</a><br/>РєР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ С‚РµРєСЃС‚ СЃРїСЂР°РІР° Рё СЃР»РµРІР° РѕС‚ РєР°СЂС‚РёРЅРєРё, РІРЅРёР·Сѓ РєР°СЂС‚РёРЅРєРё, РІРІРµСЂС…Сѓ Рё РїРѕСЃСЂРµРґРёРЅРµ.

РџРѕ РјРЅРѕРіРѕС‡РёСЃР»РµРЅРЅС‹Рј РїСЂРѕСЃСЊР±Р°Рј С‡РёС‚Р°С‚РµР»РµР№ РѕР±СЉСЏСЃРЅСЋ РµС‰Рµ СЂР°Р·, РєР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ С‚РµРєСЃС‚ СЃРїСЂР°РІР° Рё СЃР»РµРІР° РѕС‚ РєР°СЂС‚РёРЅРєРё, РІРЅРёР·Сѓ РєР°СЂС‚РёРЅРєРё, РІРІРµСЂС…Сѓ Рё РїРѕСЃСЂРµРґРёРЅРµ.
 РљР°Рє Р¶Рµ СЃРґРµР»Р°С‚СЊ С‚Р°Рє, С‡С‚РѕР±С‹ С‚РµРєСЃС‚ СЂР°СЃРїРѕР»Р°РіР°Р»СЃСЏ СЃРїСЂР°РІР° РѕС‚ РєР°СЂС‚РёРЅРєРё, РІРµСЃСЊ , Р° РЅРµ С‚РѕР»СЊРєРѕ РѕРґРЅР° РµРіРѕ СЃС‚СЂРѕС‡РєР°. РџРѕСЃРјРѕС‚СЂРёРј СЃРЅР°С‡Р°Р»Р° РєР°Рє РІС‹РіР»СЏРґРёС‚ РїСЂРѕСЃС‚Рѕ HTML РєРѕРґ РєР°СЂС‚РёРЅРєРё. РЇ РІР·СЏР»Р° РЅРµР±РѕР»СЊС€СѓСЋ РєР°СЂС‚РёРЅРєСѓ, РєРѕС‚РѕСЂСѓСЋ РІС‹ РІРёРґРёС‚Рµ СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р°. РџСЂРѕСЃС‚Рѕ РєРѕРґ РµРµ РІС‹РіР»СЏРґРёС‚ РІРѕС‚ С‚Р°Рє.

РўРµРїРµСЂСЊ РґРѕР±Р°РІР»СЏРµРј Рє РЅРµРјСѓ  Р°С‚СЂРёР±СѓС‚ align, РєРѕС‚РѕСЂС‹Р№ РѕС‚РІРµС‡Р°РµС‚ Р·Р° РІС‹СЂР°РІРЅРёРІР°РЅРёРµ, Рё С‚Р°Рє РєР°Рє РјС‹ С…РѕС‚РёРј С‡С‚РѕР± Рє... <a href="https://www.liveinternet.ru/users/morgana797/post205829300/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Метки

-Рубрики

-Музыка

-Фотоальбом

-Ссылки

-

-Я - фотограф

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.