Question-How would I???

[admin]

I want as the user passes over my image which is a link, to inceases in size.<br />
<br />
This is what I have, but does not seem to work???<br />
<br />
In style sheet:<br />
<br />
a.image:link <br />
{<br />
width="100%";<br />
height="100%"<br />
}<br />
<br />
a.image:visited <br />
{<br />
width="100%";<br />
height="100%"<br />
}<br />
<br />
a.image:hover <br />
{<br />
width="125%";<br />
height="125%"<br />
}<br />
<br />
<br />
In HTML page:<br />
<br />
<a class="image" href=http://www.webdeveloper.com/forum/archive/index.php/"website"><img src="pictures.png" width="75" height="34" alt=""></a><br />
<br />
<br />
Can anyone shed some light as to where I am going wrong?<!--content-->1) width:100%; - not an '=' sign or quotes!<br />
<br />
2) You are controlling the width of the hyperlink, not the picture. I don't think you can alter the image size like that.<!--content--><img src=http://www.webdeveloper.com/forum/archive/index.php/"pictures.png" onmouseover="this.height+=5;this.width+=5;" width="75" height="34" alt=""><!--content-->Thanks to you both.<br />
<br />
Fang:<br />
I tried your code,..., and I had a bit of a laugh. I just keep on moving over the image and watch it grow. <br />
<br />
So I added a command<br />
<br />
onmouseout="this.width=75;this.height=37"<br />
<br />
<br />
<br />
Could I change the source file completely for the onmouseover command, and change it back to the original on the onmouseout command???<!--content-->