> 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:
<a href="" id="shop">Shop</a>
<style type="text/css">
#shop {
display: block;
width:620px;
height:71px;
text-indent: -5000px;
text-decoration: none;
background: transparent url(../images/banner.jpg) no-repeat 0 0;
}
</style>
Image replace the entire link and make it the size you want.
If you want to keep the text there, just remove the:
text-indent: -5000px;
bit. Add padding (and remember to remove it from the width and height)
as/when you require.
Brad
______________________________________________________________________
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/