Записи Друзья Комментарии
tomishka
Аватар tomishka

 -Цитатник

Шпаргалки по борщевым заправкам - (0)

Шпаргалки по борщевым заправкам

Просто жить и радоваться жизни хочется с годами все сильней... - (0)

Рамочка "Просто жить и радоваться жизни хочется с годами все сильней..." Здесь будет ваш текст

Кристальная чистота души - (0)

Кристальная чистота души «Кристальная чистота души — наивысшая ценность женщины. Однажды о...

Мелодия... - (0)

Мелодия... Звучит старинная мелодия из чёрно-белого кино, Ей много лет уже и вроде бы она з...

«Она» - (0)

«Она» В её глазах — рассветы и закаты, В улыбке — солнца луч, что дарит свет. Она — мечта,...

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

Поиск сообщений в tomishka

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.12.2013
Записей: 12375
Комментариев: 5595
Написано: 37556


Пополняю свой багаж знаний...

Пятница, 16 Января 2026 г. 14:22 + в цитатник
ksdr9 (600x375, 134Kb)










Здесь будет ваш текст



Что удалось выяснить в ходе эксперимента:
1. Когда-то я спрашивала про стандартный отступ, но выяснить это мне не удалось. По картинке видно, что она наполовину наезжает на красную окантовку, ширина которой 10px, значит стандартный отступ 5px (если не ошибаюсь).
2. Картинка расположена слева, но ее можно расположить и справа, достаточно left заменить на right, а вот по центру установить картинку мне не удалось.
3. Картинку можно поднять выше, достаточно добавить лишний переход на новую строку (br/)
4. Чтобы текст сразу располагался ниже картинки, пришлось установить отступ справа в 88px. Если взять отступ везде в 10px, то текст до какого-то момента будет справа от картинки и только потом окажется ниже картинки.
5. Для расположения текста под картинкой можно использовать и другой способ. В последнем padding указать одно значение, но перед текстом добавить необходимое количество переходов на новую строку. Если в нашем коде мы поставим отступ в 10px, то нам придется перед текстом поставить 6 переходов к новой строке.
Для информации:
padding: 10px; — 10 пикселей со всех сторон.
padding: 10px 20px; — 10 пикселей сверху и снизу, 20 пикселей слева и справа.
padding: 10px 20px 30px; — 10 сверху, 20 справа и слева, 30 снизу.
padding: 10px 20px 30px 40px; — по часовой стрелке: сверху, справа, снизу, слева.
Рубрики:  Рамочки/С днем рождения
Уроки


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

— К дневнику — Страницы: [1] [Новые]
 

О проекте