Trying to add better navigation.
On this page I would like to make the buttons that are built into the image links
http://www.goldendog.com/sketchbook/portfolio/ge/
Easy with an image map... But it does not work. Don't know how to get the coordinates
Or do I float the buttons over the image with CSS?
Thanks,
Since I'm not sure what software you have on your computer, you can try using this:
You could look into CSS image maps if you wanted as well.
You must be a logged-in exclusive member to view this reply.
I think he wants the "VIEW EMAIL IN A NEW WINDOW" buttons in the center image to be clickable links.
I would use CSS to do it. This isn't exact but it's the concept you would use:
.post-story { position: relative; }
#link-1 { display: block; height: 30px; position: absolute; left: 10px; top: 20px; width: 100px; }So that says that inside .post-story that #link-1 would position itself 10px from the top and 20px from the left. Obviously you would want to adjust those as well as the width and height of the link itself.
Yep I wanted the "view email..." button clickable.
@patrick I was thinking that was the solution.
I spent the day designing a better UI then was hit with the challenge of how to make it work. On a static HTML page I would have created an image map.
I also like the CSS buttons for then I can have a hover state too.
As to software I am using the full Adobe CS...
Last but not least... I am a girl;)
try css image sprites ~ then use the css background-position property to set your own
I made the buttons css image sprites. Works great thanks.
You must log in to post.