17.06.2012, 13:22
Hello everybody.Today I download kikito Next Design HQ and I want to remake it.But my Header won`t show.Rezolution from his own header was 1200x200.My is too.But It won`t show...I don`t know why..
CODE
CODE
PHP код:
<!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>S.W.A.T</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background-image: url(images/background2.jpg);
background-repeat: repeat;
background-position: top center;
}
#center {
width: 1200px;
height: 800px;
margin: auto;
border-style: solid;
border-width: 1px;
}
#header {
width: 1200px;
height: 200px;
background-image:url(images/header.jpg);
}
.navbar {
height: 49.66px;
background-image:url(images/navbar.jpg);
background-repeat:repeat-x;
}
.navbar ul {
width: 130px;
height: 33px;
padding-top: 16.66px;
color: white;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
text-align: center;
float: left;
margin-left: 20px;
}
.navbar ul:hover {
background-image: url(images/navbarhover.jpg);
}
#content {
width: 1200px;
min-height: 550px;
background-image: url(images/content.png);
}
#left_container {
width: 700px;
height: 400px;
font-family:Verdana, Geneva, sans-serif;
padding-top: 10px;
padding-left: 10px;
margin-top: 10px;
margin-left: 10px;
float: left;
}
#right_container {
width: 400px;
height: 400px;
font-family:Verdana, Geneva, sans-serif;
float: right;
margin-top: 10px;
margin-right: 10px;
padding-left: 10px;
}
footer {
text-align: center;
color: white;
font-weight: bold;
font-family:Verdana, Geneva, sans-serif;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<div id="center">
<div class="navbar">
<a href="#"><ul>Home</ul></a>
<a href="http://sampswat.tk/index.php"><ul>Forums</ul></a>
<a href="#"><ul>Community</ul></a>
<a href="#"><ul>Servers</ul></a>
<a href="#"><ul>About us</ul></a>
<a href="#"><ul>Contact us</ul></a>
</div>
<div id="content">
<div id="left_container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing rutrum nisi sit amet vehicula. Donec varius purus et sapien volutpat placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam ac nunc mauris, et hendrerit tortor. Fusce id ligula massa. Nam a nunc at nibh commodo varius eu eget justo. Aenean leo metus, congue ac iaculis vitae, gravida nec libero. Fusce eu porta massa. Sed vel justo felis. In lacinia auctor ante eu imperdiet. Duis auctor tempus est a blandit. Aliquam pretium sollicitudin metus sit amet mollis. Praesent in libero lectus, blandit vehicula nisi. Mauris dolor tellus, ornare at faucibus ut, ultrices id libero. Donec elit augue, accumsan non adipiscing nec, congue mollis tortor. Nulla vel lacus sed turpis molestie euismod.
Morbi in eros nibh, sit amet ullamcorper magna. Vestibulum mattis varius augue, vitae semper ligula sagittis at. Aliquam iaculis, velit ut ornare rhoncus, elit massa vehicula urna, quis commodo mauris magna condimentum nisi. Etiam ultrices dapibus ullamcorper. Donec tellus ligula, vestibulum eget tincidunt non, luctus ut erat. Ut ultricies tellus eget sapien condimentum ut molestie erat egestas. Proin eget nisl id tellus euismod hendrerit in quis est. Aliquam erat volutpat. Etiam vitae sem ac nibh interdum blandit. Cras quis odio nulla. Mauris nec nibh ut nibh iaculis tincidunt in porta nisl. Vivamus a sapien eros. Maecenas ac eros metus, vitae imperdiet risus.
Nullam at porta purus. Fusce quis justo dolor, dapibus pretium elit. Pellentesque laoreet adipiscing leo, laoreet volutpat augue scelerisque nec. Cras justo est, auctor fringilla auctor at, auctor quis nunc. Praesent vitae dolor massa, iaculis lacinia sapien. Donec mauris nulla, sagittis sit amet laoreet sodales, ultricies quis justo. </div>
<div id="right_container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing rutrum nisi sit amet vehicula. Donec varius purus et sapien volutpat placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam ac nunc mauris, et hendrerit tortor. Fusce id ligula massa. Nam a nunc at nibh commodo varius eu eget justo. Aenean leo metus, congue ac iaculis vitae, gravida nec libero. Fusce eu porta massa. Sed vel justo felis. In lacinia auctor ante eu imperdiet. Duis auctor tempus est a blandit. Aliquam pretium sollicitudin metus sit amet mollis. Praesent in libero lectus, blandit vehicula nisi. Mauris dolor tellus, ornare at faucibus ut, ultrices id libero. Donec elit augue, accumsan non adipiscing nec, congue mollis tortor. Nulla vel lacus sed turpis molestie euismod.
</div>
</div>
<footer>S.W.A.T © 2012, All rights reserved.</footer>
</body>
</html>
..Now it`s working fine Thanks I will rep+ Harold and kikito.Thanks 
for help ( I am newbie in HTML)
