Linking a certain part of an image thats in a table and in the background?

heres the page: http://www.dubbest.com/index%20intro1.html


im trying to get the part that says ENTER to be linked to my home page. im all new to tables and i have tryed many things. i would perfer not to use css to do this but if it can only be done via css then thats ok.

Thanks guys!

 

Add a transparent image to the layout and position it right above the "ENTER" button. Or get in touch and I can do this for you.
You won't be able to directly link it since background images cannot be linked.

 

Hi Spy,

The image should explain it. Any questions let me know.

You may have seen this earlier but my answer was deleted. Apparently you're not allowed to mention a website in the first 10 postings. I am assuming that as no-one's told me what I did wrong.

MikeHayes

 

Clive is right
Add a transparent image to the layout and position it right above the "ENTER" button. First, you can use paint and save a black background the size of the enter button in a gif format. Second, visit

www . gifworks . com/cgi-bin/gifworks . pl?com=transfer_open

and upload it, then click Edit and add transparency. then click the black background and you have a invisable transparent block. save it to your website and when you put it above the button with a link, make sure you set the picture border to "0" so it doesn't have that link border around it.
Hope this was easy

Sorry about the spaces, im not a full member and i haven't been on the site more than 7 days

 

Thank you all very much! i will try each and every way you guys said to do and if all else fails. ill be back.

 

Thanks for your help, however your idea did not work has the photo is a background photo. i put in every thing just like you wanted me to and even tryed adding the USEMAP="#sitemap" to the background tag.

Please if you know of a way you got it to work. build the code and then give it to me. Thanks

Im now going to try the transparent image. wish me luck.

 

While your idea was good, theres a problem. i put the image in and it goes below the background image. any idea on how to position the image any where on the page? (hints the enter button)

 

While all your answers helped. they did not do the trick completly. I thank you very much and thanks for getting me the photo to place over the enter button.

Here is a better way to do this.

In the Head sections of the page. Place this style:

<style>
img#floatingImg {
position: absolute;
left: 000px;
top: 000px;
}
</style>


Then in the body place this:

<a href="your URL"><img id="floatingImg" src="Your image source.gif" alt="Click here to enter" /></a>

and has Jaguarjace said, go to gifworks . com and upload your photo there. Then click edit and ofcourse make it transparent, save the image to your server/website and position it where ever you want and boom! works like a charm.

Thanks guys