> 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/

Reply via email to