
06.09.2008, 22:30
|
|
Участник форума
Регистрация: 25.08.2007
Сообщений: 114
Провел на форуме: 485754
Репутация:
23
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
<p class="logoup"></p>
<p class="textmain"></p>
<p class="logodown"></p>
</div>
<div id="bar">
<p class="logo"></p>
<p class="logo2"></p>
<ul class="menu">
<li class="style6">Menu</li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
</ul>
<ul>
<li>_________________</li>
</ul>
<ul>
<li class="style6">Друзья</li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"> </li>
</ul>
<p class="logo3"></p>
<p class="logo4"></p>
</div>
</body>
</html>
.logoup {
width:486px;
height:92px;
background-image: url(leftheader.gif);
background-position: left;
valign:top;
margin: 0px auto;
background-repeat: no-repeat;
}
.textmain {
width:486px;
height:472px;
background-image: url(mainBG.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logodown {
width:486px;
height:72px;
background-image: url(left_footer.gif);
background-position: left;
valign:top;
margin: 0px;
}
.logo {
width:124px;
height:93px;
background-image: url(right_header.gif);
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logo2 {
width:124px;
height:72px;
background-image: url(rightheader2.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logo3 {
width:124px;
height:102px;
background-image: url(left_foot.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 24px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 0px;
top: 23px;
bottom: 0px;
clip: rect(25px,auto,0px,auto);
}
.logo4 {
width:124px;
height:72px;
background-image: url(left_footer-17.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #9db72c;
text-decoration: none;
}
.text {
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
padding-top: 10px;
padding-right: 65px;
padding-bottom: 10px;
padding-left: 10px;
background-image: url(mainBG.gif);
background-repeat: no-repeat;
}
.text2 {
font-family: Tahoma;
font-size: 12px;
color: #9db72c;
line-height: 5px;
}
.text2:hover {
color:#809138;
text-decoration: underline;
}
a:visited {
color: #9db72c;
text-decoration: none;
}
a:hover {
color: #9db72c;
text-decoration: none;
}
a:active {
color: #9db72c;
text-decoration: none;
}
#bar {
width: 125px;
background-image: url(bg.gif);
position: absolute;
left: 69%;
top: 10px;
}
#main {
width: 486px;
margin-left:25%;
left: 25%;
top: 0px;
bottom: 0px;
}
.bar {
width: 125px;
background-image: url(bg.gif);
}
body {
background-color: #424242;
}
.style1 {
color: #76833d
}
.style6 {
font-family: Tahoma;
font-size: 12px;
color: #9db72c;
line-height: 25px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.style7 {
color: #9db72c;
font-family: Tahome;
font-size: 12px;
line-height: 5px;
}
a {
font-size: 12px;
color: #9db72c;
}
.menu li {
color: #FFFFFF;
font-family: Tahoma;
background-color: #4e4e4e;
width:124px;
height:139px;
font-size: 12px;
padding: 0px;
valign:center;
margin: 0px;
}
.menu {
color: #FFFFFF;
font-family: Tahoma;
background-color: #4e4e4e;
width:124px;
height:139px;
font-size: 12px;
padding: 0px;
valign:center;
margin: 0px;
}
.main {
width: 486px;
margin: 0 auto;
}
Вот так валидатор ошибок не находит но визуально...
|
|
|