Floating link/hyperlink in frontpage?

[slorryy]

I have seen this before in a template, but I have no idea how to do this

What I want to do is place a link (for arguments sake) at the bottom of the bottom

See link bella.marksdocs.com

As you can tell, I cant select the image, because it all the one image and I only want to link one part of it.

When I saw this before, it was like a floating clear box and you could stretch it out to cover as much of the graphic as you wish.

Does anyone know how to do this.

Cheeers

[moojoo]

place the image in a div and then position another div as a link item over the part of the image you want it to be at.

[slorryy]

Cheers for the info

I am a basic user, so now to sure what you mean. was in photoshop to divide and make links, but that did not work, the image is a jpeg, does it need to be another format for it to work?

[moojoo]

The format is irrelevant. What I got from your first post is that you have an image and you want just a portion of that image to be a link. The simplest way to do that would be something like this say your image was 200px by 200px:

#foo {
width:200px;
height:200px;
background:url("foo.jpg") top left no-repeat;
}

#foo a {
width:200px;
height:50px;
display:block;
text-decoration:none;
}

<div id="foo">
<a href="" title="">&nbsp;</a>
</div>

That would make a 200px wide by 50px tall link area at the top of the image. Make sense?

[slorryy]

Cheers, that fab, thanks for your help