[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 357
  • Last Modified:

creating image with radio button to point to web page

hi guys,

I want to have an image (the one here http://www.piratescove.ie/test-comp-june/ )that points to www.piratescove.ie/competitions-2 (when "enter our competition" is clicked on) just as an image if possible?

I will then create a HTML as a landing page for the site using this image that redirects to homepage after 30 seconds

Can it be done in photoshop? or gimp? Its the button that i cant do
0
jonathanduane2010
Asked:
jonathanduane2010
  • 2
1 Solution
 
GaryCommented:
You can map an area of an image but...
It would be easier to remove the button and add it as a separate image with absolute positioning using the image as the background of an anchor tag.
0
 
jonathanduane2010Author Commented:
ok i have it up at www.piratescove.ie/test

how do i do the rest?
0
 
GaryCommented:
<body>
<div style="position:relative">
<img src="images/comp.png" alt="" name="" width="960" height="636" align="absmiddle" />
<a href="index.php" class="competition_button"></a>
</div>

<style type="text/css">
.competition_button {
background:url('/button-image.jpg');
position:absolute;
top:150px;
left:50px;
display:block;
width:150px;
height:30px;
}
</style>
</body>
0
 
tailoreddigitalCommented:
This is done in HTML not Photoshop, i think this question is in the wrong category.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now