1 reply to this topic

[camdaddy09]

ok what im trying to do is use css to get an image to appear as the background for my menu links, but when i use the background-image attribute it doesnt appear when i hover over it. i found a few different techniques for doing this with an image but that requires an image for each link, and i just want a generic class that i can apply to any link without having to make up a button in photoshop for the individual menu item names.

this is the relevant piece of the stylesheet im trying to use

#menu {

height: 30px;

width: auto;

background-color: #b9f0ea;

padding-left: 30px;


}



#menu a:link {

text-decoration: none;

display: block;

float: left;

padding: 5px 5px;

border: 1px #000 solid;

margin-right: 1px;

background: ("header_link.png") repeat-x 0 0;

}


#menu a:visited{

color: #000;

}


#menu a:hover{

text-decoration: none;

border-color: #000;

color: #fff;


}

[gokuajmes]

Please have a look at the techniques available at your hand

http://www.mezzoblue...ge-replacement/