• Авторизация


*** Ставим картинки по краям текста / 11-07-2014 01:35 к комментариям - к полной версии - понравилось!

Это цитата сообщения Н_НИНА Оригинальное сообщение

Ставим картинки по краям текста.









[466x140]



[70x210] [70x210]


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



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



[600x279]



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



[600x345]





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

[600x111]



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



[600x235]

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

[600x232]



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







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



[600x179] 



[600x183]







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



[600x163]



Вот так картинки ставятся по краям поста. Попробуйте и у вас все получится. Тут всего добавить два слова к коду картинки. Как ставить картинки по бокам ТЕКСТА, например стихов, что бы они встали сразу за текстом а не раздвинулись широко по краям поста напишу в следующем уроке, что бы не грузить сразу много формул. Успехов вам!


Из блога ГАЛИНЫ ШАДРИНОЙ



[466x140]


 

Серия сообщений "HTML коды":
Часть 1 - оформление постов, текстов
Часть 2 - справочник по HTML
...
Часть 29 - HTML для чайников/подборка уроков
Часть 30 - Уроки HTML/часть2
Часть 31 - Ставим картинки по краям текста.
Часть 32 - писок всех тегов HTML с описанием
Часть 33 - Располагаем картинки и текст.
...
Часть 43 - Шпаргалочка по тегам
Часть 44 - Простые Рамки для выделения текста
Часть 45 - Цветовые коды HTML
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник *** Ставим картинки по краям текста / | Vikusya17 - Let The Dream Come True... | Лента друзей Vikusya17 / Полная версия Добавить в друзья Страницы: раньше»