Ой, или тут где-то ошибка, что-то правая навигация улетела влево и оно какая-то очень странное вышло. Подскажите как исправить.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Главная</title>
</head>
<body>
<div class="shapkafon">
<div class="shapka"></div>
</div>
<div id="left">
<div class='title ramka'></div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1/a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a> </div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1/a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
<div class="ramka">
<div class="menu" id="ikonka_menu1"> <div><a href="#">Пунтк 1</a></div>
</div>
</div> <!-- Закрываем id="left"-->
<div id="right">
<div class='title'></div>
<div>Пункт 1</div>
<div>Пункт 2</div>
<div>Пункт 3</div>
<div>Пункт 4</div>
<div>Пункт 5</div>
<div>Пункт 6</div>
<div>Пункт 7</div>
<div>Пункт 8</div>
<div>Пункт 9</div>
<div>Пункт 10</div>
</div>
<div id="center">
<p></p>
</div>
<div id="footer"></div>
</body>
</html>
Файл стилей
|
Код:
|
/*Стили для сайта*/
* {
margin:0;
padding:0;
}
body {
min-width:770px;
}
img {
border: 0;
}
.shapka {height: 155px; background:url(img/header.jpg) no-repeat; }
.shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; }
#right{float:right; width:213px; }
#left{float:left; width:213px;}
.ramka{border:1px solid #CCCCCC;}
.ramka:hover{background-color:#CCFFCC;}
.title{height:34px; background:url(img/videoyroki.png) no-repeat;
border:1px solid black;}
#center{margin-left:213px; margin-right:213px;}
#footer{background:url(img/footer.jpg); repeat-x; height:45px; clear:both;}
.menu{font-family:Verdana, sans-serif; font-size:14px;
padding:3px 0px 5px 18px; margin:6px; }
.menu a{text-decoration:none; }
#ikonka_menu1{background:url(img/p1.jpg) no-repeat ; margin-left:7px;
} |