[Scott]

Probably really simple/easy but it's not validating with w3c the way I'm currently doing it.

Ok, how do I go about linking an image, that is set as the background in the css.
e.g.

background: url(../images/marsbar.jpg);

[pgo]

Try - background: url("../images/marsbar.jpg") no-repeat top left #FFF; - for example. You're using the shorthand.

If you just want to specify and image, use "background-image: blah;"

Maybe...I've never had a problem.

[Scott]

thats not really my problem, I want to know how to link from the image thats in the background.

For example i have a div with an background image.

Not having anything else but the background image in the div how do i then attach a link to it?

I've been doing it this way:

<a href="blahblah.html"><div id="moreblah"></div></a>

It does make the entire DIV ino a link -- which is what I want, but its not allowed in the w3c?

The link below is what im on about, the Download CV and email I want linked.

Click

Another thing, in the "respected" section, why does it mess up in IE?...I've tried sorting it but without success.

[pgo]

Oh. <a> is an inline element, <div> is a block element. Inline elements may not contain block elements.

Image replacement to the rescue!

<a href="mailto:you"><span>Email me!</span></a>

a {
  display: block;
  width: width-of-image-px;
  height: height-of-image-px;
  background: url(blah.gif) no-repeat blah blah blah;
}

a span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

[Scott]

my bad, thanking you mr Pgo

[Scott]

...and how about the respected list?

[pgo]

Welcome.

How about it?