#style { width: 1200; /*ширина блока*/ margin: 0 auto; ./*выравнивание по центру*/ } /*Шапка*/ #header { width: 1200; height: 150; background: #30a8c3; } /*Левый блок*/ .left { width: 250; height: 500; background: #bbb; float: left; } /*Контент*/ .content { width: 700; height: 500; background: #eee; float: left } /*Правый блок*/ .right { width: 250; height: 500; background: #ccc; float: right; } /*Подвал*/ #footer { background: #ada; clear: both; height: 50;" } p { font-size: 25; font-style: italic; font-family: tahoma; } h2 { display: block; margin: 0 auto; color: darkred; text-align: center; font-size: 50; } h1 { width: 300; margin-top: 30; margin-left: 20; } /*меню*/ #nav{ float: left; width: 1200; margin-top: 50; list-style: none; } #nav li{ float: left; width: 160; position: relative; display: block; } #nav li a{ display: block; padding: 2px 10px; color: #fff; background: #333; text-decoration: none; } #nav li a:hover{ color: #fff; background: #6b0c36; text-decoration: underline; } #nav ul{ /* ВЫПАДАЮЩИЕ ПУНКТЫ */ list-style: none; position: absolute; display: none; } #nav ul li{ padding-top: 1px; float: none; width: 100px; } #nav ul a{ white-space: nowrap; display: block; } #nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */ display: block; } #nav li:hover a{ background: #6b0c36; text-decoration: underline; } #nav li:hover ul li a:hover{ background: #333; } #navleft { margin: 10 10; padding: 0; list-style-type: none; width: 100px; opacity: 1; } #navleft li:hover { opacity: 0; } #navleft li { border-left: 10px solid #666; border-bottom: 1px solid #666; } #navleft a { background-color: #949494; color: #fff; padding: 5px; text-decoration: none; font-weight: bold; border-left: 5px solid #33ADFF; display: block; } #navleft a:hover { background-color: #666; border-left: 5px solid #3333FF; } #navright { float: right; margin: 10; padding: 5; list-style-type: none; width: 200px; } #navright li { border-bottom: 1px solid #666; } #navright a { background-color: firebrick; color: #fff; padding: 5px; text-decoration: none; font-weight: bold; display: block; } #navright a:hover { background-color: #666; }