Hi I’m relatively new to css and am doing my head in trying to work out this simple menu rollover.
There are 3 elements – one pic that remains the same on rollover, some text to the right of the image and a background area that goes from white to grey on rollover.
Here’s my css so far:
.rolloversubmenu {
height: 92px;
width: 300px;
text-decoration: none;
}
.rolloversubmenu a:link {
display: block;
height: 92px;
width: 300px;
}
.rolloversubmenu a:hover {
background-color: #ABABAD;
display: block;
height: 92px;
width: 300px;
}
.rolloversubmenu a:active {
background-color: #3B3A43;
display: block;
height: 92px;
width: 300px;
}
.thumbborder_left_5pxmargin {
border: 1px solid #333333;
float: left;
margin: 5px;
}
Any help would be greatly appreciated! Thanks
