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 styles above.
Greets,
Tobias
Pete Home schrieb:
> I have the following code;
>
> <div id="shop"><a title " Shop" href="../shop/index.shtml">Shop</a>
> </div>
>
> And the css;
> #shop {
> background:#FFFFFF;
> color:#000000;
> padding-top:20px;
> float:left;
> line-height:1em;
> width:620px;
> background-image: url(../images/banner.jpg);
> background-repeat: no-repeat;
> background-position: 50% 50%;
> display:block;
> font-size:0px;
> height:71px;
> }
>
> 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.
>
> Any ideas?
>
> Regards
> Pete
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
