Results 1 to 2 of 2

Thread: Css menu hover problems

  1. #1
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Css menu hover problems

    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>

  2. #2
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    never mind....

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •