I built a navigation area using css (it runs a javascript function to display a helper navigator). The problem I am facing is my place is limited and the navigation area is a little intimidating.
http://clients.sugarpillfactory.com/fce/wp/
I am wondering if there is a way or method to reduce the scope in javascript or css? I am currently using the “minimize” mouse image method, where on: hover my image (which is disabled below) collapses about 50 pixels to show the state of the mouse.
Example:
aboutButton{
display: block;
float:left;
width: 136px;
height: 49px;
text-decoration: none;
border-style: none;
outline: none;
background-image: url(images/header_images/about_dual.png);
}
aboutButton:hover{
background-position: 0 -49px;
}
Any suggestions that were highly appreciated.
-J
source
share