Body, html {
padding: 0px;
text-align:center;
margin: 0px;
}
#header{
width: 1000px;
text-align:center;
}
#heade2{
width: 500px;
text-align:center;
}
#Contalner{
width: 1100px;
margin:0 auto;
text-align:left;
}
#right{
width:110px;
float:left;
}
#left{
width:150px;
float:left;
}
#Content{
margin-left:370px;
text-align:center;
}
#Clear{
claar:both;
}
#footer{
width: 1200px;
text-align:center;
}
h1{color:black;font-size: 16px; font-style:normal; text-align:justify; Font-family: Times New Roman ;} /* Тексты */
h2{color:black;font-size: 40px; font-style:normal; text-align:center; Font-family: Bookman Old Style ;} /* Большой надпись "Арцах" наверху */
h3{color:black;font-size: 15px; font-style:normal; text-align:center; Font-family: Garamond ;} /* Надписи над видео, и надпись "Арцах" внизу */
h4{color:black;font-size: 19px; font-style:normal; text-align:center; Font-family: Times New Roman ;} /* Главное заголовок страницы, команда "Назад", подзаголоваок, ИА REGNUM и Герои Арцаха */
h5{color:black;font-size: 14px; font-style:normal; text-align:center; Font-family: Times New Roman ;} /* Некоторые тексты в разделе "Политика", "Ссылки" и "Герои Арцаха "*/
h6{color:black;font-size: 14px; font-style:normal; text-align:left; Font-family: Times New Roman ;}
h7{color:black;font-size: 18px; font-style:normal; text-align:center; Font-family: Times New Roman ;} /* Тексты */
a:link {color: black ;}
a:visited {color: grey;}
a:hover {color: red ;}
a:active {color: violet ;}
#counter{display:none}
BODY {
background-color : #FFFFFF ;
background-image: url('images/5.JPG');
}
/* -------------------------------------- */
#class{
list-style:none;/*прячем маркеры*/
margin:0;/*обнуляем поля и отступы, чтобы корректно отображался в разных браузерах*/
padding:0;
background-color: #F5F5F5;/*фоновый цвет списка по желанию*/
height:23px;/*обязательно жестко задавать высоту, чтобы список не схлопывался,и была возможность задавать фоновый цвет*/
font: 18px Times New Roman, Arial, Helvetica, sans-serif, center;/*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
width: 800px; /*ширина меню. Можно не указывать, тогда меню растянется на всю ширину родительского элемента*/
border: 0px solid #000000;/*рамка, задаем по желанию.*/
}
#class li{float:left;}/*делаем элементы списка плавающими(включаем обтекание) вследствие чего, они выстраиваются в один ряд*/
#class a{
display:block;/*делаем ссылку блоком (по умолчанию, ссылка это элемент строчный)*/
border-right:1px solid #000;/*задаем ей рамку справа*/
border-left:1px solid #000;/*задаем ей рамку справа*/
color:#000000;/*задаем цвет ссылок */
padding:0 20px;/*задаем поля внутри блока ссылки, обратите внимание на то, что сверху и снизу значение равно нулю, т.к. высота строки у нас жестко задана*/
position:relative; /*Это специальный прием, для I.E.6 , чтобы ссылка была кликабельная по всей площади*/
float:left; /*опять же для I.E. , чтобы блок ссылки занимал всю высоту. Если параметр postion:relative не задается, то можно и этот не задавать.*/
text-decoration:none;/*убираем подчеркивание*/
}
#class a:hover{
background-color:#D6F5FE;/*цвет фона ссылки при наведении*/
color:#ff0000;/*цвет ссылок при наведении*/
}
/* -------------------------------------- */
/*-----Глав. меню.----
/*стили для главного списка, и всех списков внутри него*/
#nav,#nav ul{
border:1px solid #000;/*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none; /*убираем маркеры списка*/
margin:0;/*убираем поля и отступы,т.к. они по разному трактуются различными браузерами*/
padding:0;
width:220px;/*задаем шиирну списка(меню)*/
font:12px Times New Roman, Arial, Helvetica, sans-serif, center; /*размер и семейство шрифта*/
}
/*стиль для элементов списка*/
#nav li{
position:relative; /*задаем относительное позиционирование. Теперь, вложенные элементы будут позиционироваться не относительно окна браузера, а относительно элементов списка.*/
background-color:#F5F5F5; /*цвет фона */
}
#nav li:hover, #nav li.jshover{background-color:#D6F5FE;}/*меняем цвет фона пунктов списка при наведении на них*/
/*стиль для ссылок списков*/
#nav a{
border-bottom:1px solid #000; /*задаем рамку только снизу*/
color:#000000;/*цвет текста ссылок*/
display:block;/*делаем ссылки блоками(по умолчанию это строчный элемент)*/
padding:7px 10px; /*задаем поля внутри блока ссылки. Сверху/снизу - 7px , справа/слева - 10px */
text-decoration:none;/*убираем подчеркивание*/
position:relative;
}
/*специальные хаки, чтобы i.e.6 нормально отображал меню*/
* html #nav li{float:left}/*убирает возникающий отступ при выпадении подменю*/
* html #nav li a{height:1%}/*убирает разрыв между строками*/
/*стиль для ссылок при наведении*/
#nav a:hover{
background-color:#D6F5FE; /*цвет фона ссылок*/
color:#ff0000;/*цвет текста ссылок*/
Font-family: Bookman Old Style;
}
/*стиль для вложенного списка*/
#nav li ul{
position:absolute; /*абсолютное позиционирование. в данном случае, будет позиционироваться от родительского элемента, для которого мы задали postion:relative*/
top:-1px;/*кордината отступа сверху. Ставим -1px, т.к. нам нужно поднять на 1 пиксель вверх, чтобы ликвидировать сдвиг, который получился из-за ширины рамки ссылки в один пиксель */
left:220px;/*координата отступа слева*/
display:none;/*скрываем список по умолчанию*/
}
/*стиль для вложенного списка при наведении на пункт меню первого уровня*/
#nav li:hover ul,#nav li.jshover ul{
display:block; /*показываем список*/
}
/* -------------------------------------- */
#cssmenu{
list-style:none;/*прячем маркеры*/
margin:0;/*обнуляем поля и отступы, чтобы корректно отображался в разных браузерах*/
padding:0;
background-color: #F5F5F5;/*фоновый цвет списка по желанию*/
height:40px;/*обязательно жестко задавать высоту, чтобы список не схлопывался,и была возможность задавать фоновый цвет*/
font: 18px Times New Roman, Arial, Helvetica, sans-serif, center;/*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
width: 930px; /*ширина меню. Можно не указывать, тогда меню растянется на всю ширину родительского элемента*/
border: 0px solid #000000;/*рамка, задаем по желанию.*/
}
#cssmenu li{float:left;}/*делаем элементы списка плавающими(включаем обтекание) вследствие чего, они выстраиваются в один ряд*/
#cssmenu a{
display:block;/*делаем ссылку блоком (по умолчанию, ссылка это элемент строчный)*/
border-right:1px solid #000;/*задаем ей рамку справа*/
border-left:1px solid #000;/*задаем ей рамку справа*/
color:#000000;/*задаем цвет ссылок */
padding:0 10px;/*задаем поля внутри блока ссылки, обратите внимание на то, что сверху и снизу значение равно нулю, т.к. высота строки у нас жестко задана*/
position:relative; /*Это специальный прием, для I.E.6 , чтобы ссылка была кликабельная по всей площади*/
float:left; /*опять же для I.E. , чтобы блок ссылки занимал всю высоту. Если параметр postion:relative не задается, то можно и этот не задавать.*/
text-decoration:none;/*убираем подчеркивание*/
}
#cssmenu a:hover{
background-color:#D6F5FE;/*цвет фона ссылки при наведении*/
color:#ff0000;/*цвет ссылок при наведении*/
}
/* -------------------------------------- */
#cssmenu2{
list-style:none;/*прячем маркеры*/
margin:0;/*обнуляем поля и отступы, чтобы корректно отображался в разных браузерах*/
padding:0;
background-color: #;/*фоновый цвет списка по желанию*/
height: 50px;/*обязательно жестко задавать высоту, чтобы список не схлопывался,и была возможность задавать фоновый цвет*/
font: 18px Times New Roman, Arial, Helvetica, sans-serif, center;/*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
width: 150px; /*ширина меню. Можно не указывать, тогда меню растянется на всю ширину родительского элемента*/
border: 0px solid #000000;/*рамка, задаем по желанию.*/
}
#cssmenu2 li{float:left;}/*делаем элементы списка плавающими(включаем обтекание) вследствие чего, они выстраиваются в один ряд*/
#cssmenu2 a{
display:block;/*делаем ссылку блоком (по умолчанию, ссылка это элемент строчный)*/
border-right:1px solid #000;/*задаем ей рамку справа*/
border-left:1px solid #000;/*задаем ей рамку справа*/
color:#000000;/*задаем цвет ссылок */
padding:0 10px;/*задаем поля внутри блока ссылки, обратите внимание на то, что сверху и снизу значение равно нулю, т.к. высота строки у нас жестко задана*/
position:relative; /*Это специальный прием, для I.E.6 , чтобы ссылка была кликабельная по всей площади*/
float:left; /*опять же для I.E. , чтобы блок ссылки занимал всю высоту. Если параметр postion:relative не задается, то можно и этот не задавать.*/
text-decoration:none;/*убираем подчеркивание*/
}
#cssmenu2 a:hover{
background-color:#FF8000;/*цвет фона ссылки при наведении*/
color:#fff5ee;/*цвет ссылок при наведении*/
}
/* -------------------------------------- */
body
{
margin: 0px;
padding: 0px;
color: #666;
font: 11px/15px Bookman Old Style, Bookman Old Style, Helvetica, sans-serif;
}
/* -------------------------------------- */
#wrap
{
width: 700;
overflow: hidden;
position:relative;
margin: 0px auto;
}
/* -------------------------------------- */
#content3
{
width: 1000px;
float: right;
display:inline;
text-align: justify;
padding: 10px;
margin:0 auto;
}
#content4
{
width: 860px;
float: Left;
display:inline;
text-align: justify;
padding: 10px;
margin:0 auto;
}
/* -------------------------------------- */
#logotyp2
{
margin-top: 2px; /*Отступ от верха*/
border-top: 1px solid; /* Линия сверху текста */
border-top-color: #CCCCCC; /*Цвет поля отступа*/
height: 50px; /*Высота поля*/
width: 1000px; /*Ширина поля*/
margin-right: auto; /* Автоматический отступ от краев*/
margin-left: auto; /* Автоматический отступ от краев*/
}
/* -------------------------------------- */
#topMenu
{
margin-top: 2px; /*Отступ от верха*/
border-top-color: #CCCCCC; /*Цвет поля отступа*/
border-bottom-color: #CCCCCC; /*Цвет поля отступа*/
text-align: center; /*Выравнивание текста, в текущем поле*/
height: 50px; /*Высота поля*/
width: 900px; /*Ширина поля*/
margin-left: 2px auto; /* Автоматический отступ от краев*/
}
/* -------------------------------------- */
#sidebar2
{
float: left; /*Выравнивание по левой стороне*/
line-height: 1.5em; /* Промежуток между строками (вертикаль)*/
width: 900px; /*Ширина поля*/
padding: 10px;
font-size:10px; /* Размер шрифта */
margin-right: auto; /* Автоматический отступ от краев*/
margin-left: auto; /* Автоматический отступ от краев*/
}
.h2
{
color: #8B8989;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 6px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
border-bottom: 1px solid #ccc;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
/* ----------------footer---------------------- */
#footer2
{
clear: both;
text-align: center;
height: 40px; /*Высота поля*/
border-top-width: 1px;
border-top-style: solid; /*Стиль поля отступа*/
border-top-color: #CCCCCC; /*Цвет поля отступа*/
width: 1000px; /*Ширина поля*/
padding: 0px;
margin-right: auto; /* Автоматический отступ от краев*/
margin-left: auto; /* Автоматический отступ от краев*/
}
/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */