Oh, I tried it and I so far it appears that it works so all I was missing was
to tell the <a> tag to be {display: block} and it had to be
the height and width of the #logomiddle. I've tried to make the link size
smaller by going as low as 200px but then it just doesn't work, I'm going to
see if I can make it smaller.
On Tue, Apr 7, 2009 at 8:53 AM "Martyn Merrett" <[email protected]>
wrote:
>Hi Chris,
>
> What you've done there is partially correct (the HTML is fine).
>
> However, in the CSS you've made the #logomiddle have it's dimensions
> (960x1150px) but the A tag is empty.
> You'd need to do something like this:
>
> CSS:
> #logomiddle {
> display: block;
> background: url(header-web-page-graphic-done3_01.png) no-repeat top center;
> position: absolute;
> left: -490px;
> top: -150px;
> height: 1150px;
> width: 960px;
> }
> #logomiddle a
> {
> display: block;
> height: 1150px; /* same as height above */
> width: 960px; /* same as width above */
> }
>
> I've just tested this and it works correctly in FF3 & IE6.
> Based on the code you've used I'm guessing this has something to do
> with your indexpage9.html? ;)
>
> Ta,
>
> ~Mx
> http://www.mxdx.co.uk
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
