still not working here's all the code for my index page:
CODE
<!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>Untitled 1</title>
<style>
a{
width: 100px;
height: 100px;
}
</style>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<center>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.html" id="current"></a><img alt="" src="images/App1.png" width="128" height="128" /></a></li>
<li><a href="/forum" onmouseover="this.style.width='128' this.style.height='128'"><img alt="" src="images/Forum.png" width="100" height="100" id="forums" /></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</center>
</body>
</html>
And here's the code in my css file:
CODE
#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 70%;
border-bottom: 1px solid #ddd;
}
#navlist
{
width: 60%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}
#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #eee;
}
#navlist li a:hover,#navlist a#current
{
/*color: #333;
border-top: none;
font-size: 1.5em;*/
}
#navlist a#current { color: #fc6; }
| 