Друзья Сайта
Анекдот дня
- Да? И часто они у вас бывают? - Кто? - Провалы. - Какие провалы? ------------ На приёме у окулиста: — Какую букву я показываю? — А кто это говорит? ----------- В лифте, на последнем этаже: — Вниз? — Нет, блин, в бок! ------------ - Дочь, выпей со мной! - Ну пааап... - Что пап?! Я же с тобой уроки делал! ------------ Доктор, посмотрите! – говорит мужик, спуская штаны перед урологом. - Болит? - Нет. - Маленький? - Нет. - Большой? - Нет. - А что тогда? - Правда, хорошенький? ------------ Shampusik.ucoz.netСайт для отдыха и хорошего настроения.Сайт где есть все.
Доктор WEBПосетителиshampusik.ucoz.netСайт для отдыха и хорошего настроения Пожелания друзьям !!!Пожелания друзьям !!! |
Oбтекание картинки текстом Ничего сложного в том, чтобы сделать обтекание картинки текстом, нет. В то же время, вопрос какой код нужен для задания отступов текста от картинки или фотографии достаточно распространенный у новичков, которые только начали вести блог или постигать основы html+css. В этой статье я приведу пару типичных решений для создания отступа картинки от текста в виде кода html и css. Простой способ задания обтекания картинки текстом, не требующий знаний html и css. <img src="здесь_веб-адрес_картинки" alt="Здесь_подсказка_если_картинка_не_загрузилась" title="Здесь_всплывающая_над_картинкой_подсказка" width="ширина_ картинки_в_точках_числом" height="высота_ картинки_в_точках_числом" align="left" style="margin: 3px 12px 0px 0px;" />Например, для вставки картинки, которую вы видите в этой статье чуть выше, код html и css выглядит так: <img src="http://www.webdi.kz/images/image/4f36da016d31.jpg"
alt="Задаем отступ текста для фото"
title="Задаем отступ текста для фото"
width="300" height="350"
align="left"
style="margin: 3px 12px 0px 0px;" />
Если вместо
align="left написать align="right" Картинка будет прижиматься к правому краю, а текст слева будет подходить к ней вплотную.
margin: 3px 12px 0px 0px
Способ 2: Задаем отступы сразу для всех картинок в блоке одним классом css Далее, в основном файле стилей css (обычно style.css) находите имя нужного класса (на примере его имя entry) и добавляете в файл описания стилей дополнительный класс, задающий поведение картинок (IMG) в нужном блоке:
.entry img {
margin: 3px 12px 0px 0px;
}
Обратите внимание на обязательную точку перед именем класса (у вас он, вероятно, будет называться не entry, как в моем шаблоне WordPress), |
Поиск
Личный кабинет
19.03.2024
12:55 Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Новое на форуме Подробней о форуме
Новое в Блоге
|