Css menu hover problems

**quetonlonbon** · 01-30-2008, 05:08 PM

I started building my own menu like I have always done. But my problem is getting the text color to change on hover and have no idea whats wrong...

if anyone can help me that would be great

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 Document</title>
<style type="text/css">
<!--
#menu li {
display:inline;
float:left;
width:100px;
height:25px;
background-color:#697063;
padding-top:1px;
}

#menu a {
text-decoration:none;
margin:0;
padding:0
}

#menu li:hover {
padding-top:3px;
color:#70B439;
background-color:#556270;
border-bottom-width: medium;
border-bottom-style:solid;
border-bottom-color:#CACFD2;
}

#menu #current {
	padding-top:3px;
	background-color:#556270;
	color:#70B439;
	border-bottom-width:medium;
	border-bottom-style:solid;
	border-bottom-color:#CACFD2;
}

a:link {
color:#dbeccd
}

a:visited {
color: #dbeccd
}

a:active {
color:#dbeccd
}

a:hover {
color:#70B439
}
-->
</style>
</head>

<body>
<div id="menu">
			<ul>
				<li id="current"><a href="#">Home</a></li>
		   		<li><a href="index.php">Print</a></li>
				<li><a href="index.php">Websites</a></li>
				<li><a href="index.php">Vector</a></li>
				<li><a href="index.php">Other Work</a></li>
				<li><a href="index.php">About</a></li>
			</ul>
		</div>
</body>
</html>

**quetonlonbon** · 01-30-2008, 11:19 PM

never mind....

Thread: Css menu hover problems

Thread Tools

Search Thread

Css menu hover problems

Bookmarks

Bookmarks

Posting Permissions