0 Replies - 478 Views - Last Post: 17 April 2013 - 12:55 AM

#1 BackSlashx00  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 24-February 13

Hovering on Navigation issue

Posted 17 April 2013 - 12:55 AM

I am working on my web site, and focusing on the navigation links. When I hover on my links I get a small box that appears inside the navigation button with the color I chose, but that is not how I want it to look when hovered. My goal is to change the background color navigation while being hovered without that small box appearing around it. I know how to do this, but it is not coming out the way I want it to.

This is my code for hovering:
ul li a:hover, .button:hover {

	color:#00FF00; 
	background: #FFF000;
	
}



This is my code when not hovering:
.menu li, .button {
    display:inline;
    padding:4px 6px;
    border:2px ridge #F5F5F5;
    background:#000000;
	color:#FFF;
    margin-right:8px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-moz-box-shadow:2px 2px 2px #888;
	-webkit-box-shadow:2px 2px 2px #888;
	box-shadow:2px 2px 2px #888; 
}



Is This A Good Question/Topic? 0
  • +

Page 1 of 1