Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

текстовое примечание на страницу (урок)

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Советы
 
Александер
Знакомый

Знакомый


: 41

: 07.03.2012
: 88
: Греция, о. Крит

: 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;
}


Но, т.к. рамки у нас нет - поэтому скругление углов применяется к фону. Если будет картинка, то тоже будет скругление углов.

Все.

С Уважением Александр.
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Советы : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 138957 / 0

Rambler's Top100 @Mail.ru