I am trying to center a simple navigation menu (horizontal). this is my script so far:
<head>
<title>Home</title><link rel="menu" href="menu.css"
type="text/css" />
<style type="text/css">
body {background-image:url('backg.jpg');}
.center
body{
text-align:center; /*centers for IE5*/
#menu_box{
text-align:center; /*overrides the centering from
above*/
width:675px; /*5 menu items at 135px width (8px padding
+ 2px border + 125px width)*/
margin:0 auto; /*centers in compliant browsers*/
ul{
list-style:none;
margin:0;
padding:100;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
display:circle;
width:120px;
font-weight:bold;
color:#ffffff;
background-color:33ff33;
text-alaign:center;
padding:10px;
}
a:hover,a:active{
background-color:#ff6633;
}
}
</style>
</head>
<body>
<center>
<img src="banner.jpg" alt="banner" width="800px"
height="150px"/>
</center>
<span style="cursor:pointer">
<center>
<div id=menu>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#plist">Player List</a></li>
<li><a href="#pics">Pictures</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</center>
</span>
</body>
it seems like there are several errors and does anyone know of a html + css editing program (like netbeans or eclipse for java)?