CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <DOCTYPE html>
- <html>
- <head>
- <title>My new Page</title>
- <style>
- body {
- border: 1px solid gray;
- }
- A {
- text-decoration: none; /* Отменяем подчеркивание у ссылки */
- }
- #header {
- height: 18%;
- width: 100%;
- background: url(lin.png);
- }
- #logo {
- position:absolute;
- top:18px;
- left:40px;
- width:150px;
- height:75px;
- }
- #cont {
- width: 160px;
- height: 400px;
- border: 1px solid gray;
- border-width: 0 1px 0 0;
- position: absolute;
- top: 119px;
- text-align: center;
- float: left;
- }
- ul {
- width: 160px; /* Ширина меню */
- list-style: none; /* Для списка убираем маркеры */
- margin: 0; /* Нет отступов вокруг */
- padding: 0; /* Убираем поля вокруг текста */
- font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */
- font-size: 10pt; /* Размер названий в пункте меню */
- }
- li a {
- display: block; /* Ссылка как блочный элемент */
- padding: 5px; /* Поля вокруг надписи */
- text-decoration: none; /* Подчеркивание у ссылок убираем */
- color: #666; /* Цвет текста */
- border: 1px solid #ccc;/* Рамка вокруг пунктов меню */
- background-color: #f0f0f0; /* Цвет фона */
- border-bottom: none; /* Границу снизу не проводим */
- }
- li a:hover {
- color: #ffe; /* Цвет текста активного пункта */
- background-color: #4169e1; /* Цвет фона активного пункта */
- }
- .brd {
- border-bottom: 1px solid #ccc; /* Линия снизу */
- }
- #content {
- width: 600px;
- height: 400px;
- }
- </style>
- </head>
- <body>
- <div id="header">
- <div id="logo">
- <img src="logo.png" width="260px" height="80px">
- </div>
- </div>
- <div id="cont">
- <ul class="menu">
- <li><a href="php.su">Текст текст</a>
- </li>
- <li><a href="php.su">Текст текст</a>
- </li>
- <li><a href="php.su">Текст текст</a>
- </li>
- <li><a href="php.su" class="brd">Текст текст</a></li>
- </ul>
- </div>
- <div id="content">Тут текст который не выводится(</div>
- </body>
- </html>