Как ставить по бокам текста вертикальные разделители

Пятница, 28 Декабря 2012 г. 12:08 + в цитатник

По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку.

Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате выглядит вот так

Но когда мы перейдем в режим HTML, наша картинка превратится в коды и будет выглядеть вот так.

Разберем из чего он состоит

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

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

В посте это будет выглядеть вот так.

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

В посте это будет выглядеть вот так

Вот так картинки ставятся по краям поста. Попробуйте и у вас все получится. Тут всего добавить два слова к коду картинки. Как ставить картинки по бокам ТЕКСТА, например стихов, что бы они встали сразу за текстом а не раздвинулись широко по краям поста напишу в следующем уроке, что бы не грузить сразу много формул. Успехов вам!
Из блога ГАЛИНЫ ШАДРИНОЙ

Рубрики:

Интересное

Метки: урок иертикальные разделители

Процитировано 2 раз
Понравилось: 2 пользователям

<a href="https://www.liveinternet.ru/users/3879419/post254283747/">РљР°Рє СЃС‚Р°РІРёС‚СЊ РїРѕ Р±РѕРєР°Рј С‚РµРєСЃС‚Р° РІРµСЂС‚РёРєР°Р»СЊРЅС‹Рµ СЂР°Р·РґРµР»РёС‚РµР»Рё</a><br/>

РџРѕ РїСЂРѕСЃСЊР±Р°Рј С‡РёС‚Р°С‚РµР»РµР№, РїРѕРїС‹С‚Р°СЋСЃСЊ РѕР±СЉСЏСЃРЅРёС‚СЊ РєР°Рє СЃС‚Р°РІРёС‚СЊ РїРѕ Р±РѕРєР°Рј С‚РµРєСЃС‚Р° РІРµСЂС‚РёРєР°Р»СЊРЅС‹Рµ СЂР°Р·РґРµР»РёС‚РµР»Рё, РєР°Рє СЃРµР№С‡Р°СЃ РѕРЅРё СЃС‚РѕСЏС‚ Сѓ РјРµРЅСЏ РІ СЌС‚РѕРј РїРѕСЃС‚Рµ. РЎС‚Р°РІСЏС‚СЃСЏ РѕРЅРё С‚РѕС‡РЅРѕ С‚Р°Рє Р¶Рµ РєР°Рє Рё РєР°СЂС‚РёРЅРєРё. Р§С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ РІСЃРµРј, Рё С‚РµРј РєС‚Рѕ С‚РѕР»СЊРєРѕ РЅР°С‡РёРЅР°РµС‚ Р·РЅР°РєРѕРјРёС‚СЃСЏ СЃ РєРѕРґР°РјРё, РЅР°РїРёС€Сѓ РІСЃРµ РѕС‡РµРЅСЊ РїРѕРґСЂРѕР±РЅРѕ. РќР°С‡РЅСѓ РІСЃРµ РїРѕ РїРѕСЂСЏРґРєСѓ.
	
	Р•СЃР»Рё РІС‹ С…РѕС‚РёС‚Рµ С‡С‚Рѕ Р±С‹ РєР°СЂС‚РёРЅРєРё СЃС‚РѕСЏР»Рё РїРѕ РєСЂР°СЏРј РІР°С€РµР№ Р·Р°РїРёСЃРё, (РљРђРљ РЎР•Р™Р§РђРЎ Р’ РџР РРњР•Р Р•), С‚Рѕ РїРѕСЃРјРѕС‚СЂРёРј СЃРЅР°С‡Р°Р»Р° РєР°Рє РІС‹РіР»СЏРґРёС‚ РїСЂРѕСЃС‚Рѕ HTML РєРѕРґ РєР°СЂС‚РёРЅРєРё РёР»Рё СЂР°Р·РґРµР»РёС‚РµР»СЏ. РЇ РІР·СЏР»Р° РЅРµР±РѕР»СЊС€РѕР№ РІРµСЂС‚РёРєР°Р»СЊРЅС‹Р№ СЂР°Р·РґРµР»РёС‚РµР»СЊ, РєРѕС‚РѕСЂС‹Р№ РІ РЈРїСЂРѕС‰С‘РЅРЅС‹Р№ С„РѕСЂРјР°С‚Рµ РІС‹РіР»СЏРґРёС‚ РІРѕС‚ С‚Р°Рє
	  
	
	РќРѕ РєРѕРіРґР° РјС‹ РїРµСЂРµ... <a href="https://www.liveinternet.ru/users/3879419/post254283747/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>