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

 -Цитатник

Святая Троица на радость нам пришла - (0)

Святая Троица на радость нам пришла. Поздравляю Вас, друзья! Сегодня праздник праведный и важный...

Почему я такая счастливая? - (0)

Почему я такая счастливая? Почему я сегодня такая счастливая? Потому что без памяти в жизнь влю...

«Случайной может быть встреча, а возникшая от этой встречи любовь случайной быть не может» - (0)

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

Без заголовка - (0)

Веселый дождь. Наталия Баух -Барсукова   ...

Немного солнца. Ольга Мешковская Пятакова - (0)

Немного солнца. Ольга Мешковская Пятакова   ...

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

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

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

 

 -Статистика

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


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

Пятница, 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] [Новые]
 

О проекте