Статистика |
Всего зарегистрированных пользователей: 1581
Наши пользователи оставили сообщений: 9574 в 1876 темах |
Последние обсуждения |
|
|
Объявление: текстовое примечание РЅР° страницу (СѓСЂРѕРє) |
Добавлено: Александер @ Вс Апр 28, 2013 4:11 pm |
Всем привет.
В продолжение темы об отступах и о свойстве float
http://dreamweaver.net.ru/forum/viewtopic.php?t=2487&postdays=0&postorder=asc&start=15
Можно еще сделать вот так:
http://www.alexander519151.ru/Admin/pic47.png
разметка html простая. Весь текст в параграфах, А текстовое примечание в теге <div> со свойствами из css
исходный код html
http://www.alexander519151.ru/Admin/pic48.png
Как видим тегу <div> присвоен класс (.note_right)
Цитата: | <div class="note_right">здесь наш текст примечания</div> |
Р’РѕС‚ css
Цитата: | .note_right {
width:320px;
height:180px;
float:right;
margin:15px;
padding:10px;
font-family:"Times New Roman";
font-size:24px;
color: #fff;
text-align:center;
background-color:#F60;
border-radius:10px;
}
{
ширина блока 320px;
высота180px;
выравнивание вправо с обтеканиемж
внешние отступы 15px;
внутренние отступы 10px;
шрифт;
размер шрифта;
цвет шрифта;
выравнивание: по центру;
фоновый цвет: оранжевый:
скругленные уголки у рамки 10px;
} |
Но, т.к. рамки у нас нет - поэтому скругление углов применяется к фону. Если будет картинка, то тоже будет скругление углов.
Р’СЃРµ.
С Уважением Александр.
|
Комментарии: 0 :: Просмотреть комментарии (Добавить комментарий) |
|
Приветствуем Гость |
Текущее время Пн Апр 23, 2018 4:10 am
Часовой пояс: GMT + 2
|
Друзья форума |
|
|
Заблокировано регистраций / сообщений: 134347 / 0
|