Нонче тут

Сейчас 18 гостей онлайн

Поиск

Поиск от Nigma

2


Поиск от Яндекс

Счётчики

Яндекс.Метрика

Проверка тиц

ВКонтакте

divы divные и CSS
<DIV>...</DIV>Определяет отдельный элемент страницы: простой текстовой абзац или более сложный фрагмент с HTML-форматированием. Его содержимое может быть сколь угодно сложно. Зачастую используется для создания слоев и применения стилей.

Атрибуты <DIV> :
  • id="Имя" - название слоя
  • style="Определение встроенного стиля"
  • class="Стилевой класс"
  • align="left|center|right|justify"

делаем следующий трюк

CODE
<html> 
<head>
<title>test</title>
<style type="text/css">
<!--
body{
text-align:center;
}

.all{
width:200px;
margin-left:auto;
margin-right:auto;
}

.a{
background-color:#00CCFF;
width:90px;
height:50px;
margin-top:80px;
}

.b{
background-color:#9900FF;
float:right;
width:100px;
height:300px;
}

.c{
background-color:#FF0000;
width:90px;
height:100px;
margin-top:10px;
}
-->
</style>
</head>
<body>
<div class="all">
<div class="b">&nbsp;</div>
<div class="a">&nbsp;</div>
<div class="c">&nbsp;</div>
</div>
</body>
</html>


теперь разбираем трюк
Блочная модель
Каждый элемент располагается в блоке, состоящем из содержимого этого элемента, рамки (border), промежуточной области между содержимым и границей элемента (padding), а также полей (margin). Изучение этих свойств поможет в дальнейшем, когда вы будете задавать вид странице.

margin-top, margin-right, margin-bottom, margin-left
Устанавливает ширину поля для определенной стороны элемента.(эти свойства устанавливает ширину соответственно верхнего, нижнего и левого поля).
Значение:
  • margin-top - ширина верхнего поля.
  • margin-right - ширина правого поля.
  • margin-bottom - ширина нижнего поля.
  • margin-left - ширина левого поля.
  • inherit - применяется значение родительского элемента.

padding-top, padding-right, padding-bottom, padding-left
Устанавливает ширину промежутка между содержимым элемента и определенным его участком его границы (соответственно верхнем, правым, нижним и левым).
Значение:
  • padding-top - ширина верхнего промежутка.
  • padding-right - ширина правого промежутка.
  • padding-bottom - ширина нижнего промежутка.
  • padding-left - ширина левого промежутка.
  • inherit - применяется значение родительского элемента.
Уважаемые гости сайта! Теперь Вы можете ознакомиться с новостями сайта в социальных сетях.
Новости сайта публикуются в Facebook, ВКонтакте, Blogspot и Мой мир и Twitter .
Что бы перейти к аккаунтам просто кликните на иконках социальных сетей.