Add button to image?
- Thread starter nippynoo
- Start date
Soldato
- Joined
- 18 Oct 2002
- Posts
- 16,075
- Location
- The land of milk & beans
Either slice the buttons out in photoshop and rebuild it using HTML, or use an imagemap.
First is the proper way, second is a lot quicker
First is the proper way, second is a lot quicker
Depends entirely on your image.
You could use an image map for the clickable areas. http://www.w3schools.com/TAGS/tag_map.asp
You could also use your image as a background and then position markup over that as the clickable areas. So:
<div style="background-image: url">
<a href="link" style="position: relative; top: ?px; left: ?px"></a>
</div>
I think slicing will be overkill for this.
You could use an image map for the clickable areas. http://www.w3schools.com/TAGS/tag_map.asp
You could also use your image as a background and then position markup over that as the clickable areas. So:
<div style="background-image: url">
<a href="link" style="position: relative; top: ?px; left: ?px"></a>
</div>
I think slicing will be overkill for this.
It's been said but I agree with Spunkey, image maps a are a bit old hat these days. Saying that not really sure why, they have their uses.
Anyway, Image Map will probably easier for you and there are some online tools that help you create then. All you have to down is copy and paste the code into your site.
A quick Google brings up these two:
http://www.image-maps.com/
http://www.maschek.hu/imagemap/imgmap - this one I've actually used myself a while back.
Roy
Anyway, Image Map will probably easier for you and there are some online tools that help you create then. All you have to down is copy and paste the code into your site.
A quick Google brings up these two:
http://www.image-maps.com/
http://www.maschek.hu/imagemap/imgmap - this one I've actually used myself a while back.
Roy