axas
Well-Known Member
- Joined
- Feb 23, 2008
- Messages
- 870
- Reaction score
- 94
Okay, so basicly
I just want different images on each link.
HTML
CSS
I just want different images on each link.
HTML
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<title>PixGames.net</title>
</head>
<body>
<body bgcolor ="#000000">
<div class ="center">
<div id="menu">
<a href="index.html" title="Home" class="active"></a>
<a href="index.html" title="Item guides"></a>
<a href="index.html" title="Gallery"></a>
<a href="index.html" title="Projects"></a>
<a href="index.html" title="Journal"></a>
</div>
</div>
</body>
</html>
CSS
PHP:
body {
margin: 20px;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 0.62em;
color: #666;
background-color: #EEE;
}
#menu {
text-align: center;
margin-bottom: 20px;
}
#menu a {
padding: 6px 140px 48px 20px;
text-decoration: none;
text-transform: uppercase;
color: #666;
background: url(images/buttons/hero_guides-inactive.gif) no-repeat top center;
}
#menu a:hover, #menu a.active {
background: url(images/buttons/hero_guides.gif) no-repeat top center;
}