Kāpēc man navigācija un login saplūst kopā ,kas veido vienu lielu <a hrefu ...
http://manswebs.zxq.net/
HTML kods:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>The Gamer's Paradise</title>
</head>
<body>
<div class="container">
<div id="header">
<img src="hederis.jpg" width='900px' height='250px'></img>
</div>
<div class="navigacija">
<ul>
<li> <a href="p***s1.com">Forums</li>
<li> <a href="google.lv">Mantiba</li>
</div>
<div class="clear">
<div class="login">
<p>Username</p> <input type="text"></input>
<p>Password</p> <input type="text"></input>
<input type="submit" value="Log In"></input>
</div>
</div>
</div>
</body>
</html>
CSS kods: body{
background-image:url('ng.jpg');
background-size: 100%;
}
.container{
margin:0 auto;
width:900px;
height:1200px;
background-color: white;
border: black solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-top: none;
}
#header{
}
.navigacija{
border:1px solid black;
list-style:none;
list-style-type:none;
padding:0; margin:0;
}
ul{
padding:0;
margin:0;
list-style-type:none;
overflow:hidden;
}
li{
border:1px solid black;
float:left;
}
a.navigacija{
background-color: gray;
display:block;
width:297px;
text-decoration: none;
}
a:hover{
color:white;
}
.clear{
clear:both;
}
.login{
padding-top:20px;
padding-right: 20px;
clear:both;
padding:20px;
}