/    Sign up×
Community /Pin to ProfileBookmark

can I put a link on the right button of a image

hi all,
I would like to put a link on the right button of my image, is that possible?
I have code like <td><img src=”images/banner.jpg” width=”750″ height=125″>
Thank you

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@CentauriApr 24.2008 — That is possible, but we would need to see the image to see where it is to go. Also begs the question "why is this in a table cell?"
Copy linkTweet thisAlerts:
@DoppleApr 24.2008 — I think you might be refering to image maps. Try this google search and see if it's what you are after.

http://www.google.co.uk/search?hl=en&q=image+maps+html&meta=
Copy linkTweet thisAlerts:
@HJCauthorApr 25.2008 — HI Thank you fot thr reply,

I did try using Map, but on the image itself, it did not have a visible link, tell all user, on what point you can click.

thank you
Copy linkTweet thisAlerts:
@CentauriApr 25.2008 — html:[CODE]<div id="banner">
<a href="#" title="link to somehere">Link</a>
</div>[/CODE]

css:[CODE]#banner {
width: 750px;
height: 120px;
padding: 5px 0 0;
background-image: url(images/banner.jpg);
}

#banner a {
float: right;
width: [COLOR="Blue"]80px[/COLOR];
height: [COLOR="Blue"]20px[/COLOR];
margin: [COLOR="Green"]30px 5px 0 0[/COLOR];
display: inline;
}[/CODE]

adjust the blue highlighted sizes to suit the button area size, and adjust the green highlighted values to set the position. The inline display is for the benefit of IE6's doubled float margin bug. The top padding and height adjustment on the #banner div prevents margin collapse.
Copy linkTweet thisAlerts:
@DoppleApr 25.2008 — Here's a tutorial to give you nice flickr style links on images.

http://frankmanno.com/ideas/css-imagemap/
Copy linkTweet thisAlerts:
@HJCauthorApr 25.2008 — Thank you Centauri!
×

Success!

Help @HJC spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...