/    Sign up×
Community /Pin to ProfileBookmark

Question-How would I???

Copy linkTweet thisAlerts:
Sep 04.2003

I want as the user passes over my image which is a link, to inceases in size.

This is what I have, but does not seem to work???

In style sheet:

[code]
a.image:link
{
width=”100%”;
height=”100%”
}

a.image:visited
{
width=”100%”;
height=”100%”
}

a.image:hover
{
width=”125%”;
height=”125%”
}
[/code]

In HTML page:

[code]
<a class=”image” href=”website”><img src=”pictures.png” width=”75″ height=”34″ alt=””></a>
[/code]

Can anyone shed some light as to where I am going wrong?

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@DaveSWSep 04.2003 — 1) width:100%; - not an '=' sign or quotes!

2) You are controlling the width of the hyperlink, not the picture. I don't think you can alter the image size like that.
Copy linkTweet thisAlerts:
@FangSep 04.2003 — <img src="pictures.png" onmouseover="this.height+=5;this.width+=5;" width="75" height="34" alt="">
Copy linkTweet thisAlerts:
@p2bcauthorSep 04.2003 — Thanks to you both.

Fang:

I tried your code,..., and I had a bit of a laugh. I just keep on moving over the image and watch it grow.

So I added a command

onmouseout="this.width=75;this.height=37"



Could I change the source file completely for the onmouseover command, and change it back to the original on the onmouseout command???
×

Success!

Help @p2bc 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,
)...