> I'm trying to make the whole image a link, but cannot see to get anything to
> link except the text which is left aligned and clickable.
How about this:
Shop
#shop {
display: block;
width:620px;
height:71px;
text-indent: -5000px;
text-decoration: none;
Just add:
#shop a
{
display:block;
width:100%;
height:100%;
}
The link within the div 'shop' will then take 100% of the div's size and
fill it completely -> All the div-area will be clickable.
If jumping or strange lines occur on hover, you might want to add
'text-decoration:none;' to the link s
I have the following code;
Shop
And the css;
#shop {
background:#FF;
color:#00;
padding-top:20px;
float:left;
line-height:1em;
width:620px;
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
