Question-How would I???

[p2bc]

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:

a.image:link
{
width="100%";
height="100%"
}

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

a.image:hover
{
width="125%";
height="125%"
}


In HTML page:

<a class="image" href="website"><img src="pictures.png" width="75" height="34" alt=""></a>


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

[DaveSW]

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.

[Fang]

<img src="pictures.png" onmouseover="this.height+=5;this.width+=5;" width="75" height="34" alt="">

[p2bc]

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???