1 Navigation bar problem Thu Aug 16, 2012 3:02 am
whisper
Registered Member
Im trying to desing a simple nav bar but i have a problem
CSS
HTML
btw i use chrome browser. Pls help
CSS
- Code:
body{
background:#FFF;
font-family:Tahoma;
}
#container{
border:1px solid white;
text-align:center;
margin:15px;
}
#nav {
width:570px;
height:50px;
padding:0px;
margin:0px auto;
border:1px solid white;
}
#nav ul{
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;
}
#nav ul li {
width: 130px;
float:left;
margin:4px;
border:1px solid red;
}
#nav ul li a{
font-family: tahoma;
text-decoration:none;
display:block;
width:130px;
height:40px;
line-height:40px;
}
HTML
- Code:
<html>
<head>
<title>Test</title>
<link href="first.css" rel="stylesheet" type="text/css" media="screen"/>
<body>
<div id="container">
<div id="nav">
<ul>
<li><a href="#">Pocetna<a/></li>
<li><a href="#">Registracija<a/></li>
<li><a href="#">O nama<a/></li>
<li><a href="#">Kontakt<a/></li>
</ul>
</div>
</div>
</div>
</body>
</head>
</html>
btw i use chrome browser. Pls help