How to propertinally reduce percent of image displayed on IMG SRC

[jwhite68]

I have the following code:

 

  echo '<A HREF="'.$domain.'register.php" ><IMG SRC="image/promo.gif" style="width:50%; height:50%;" border="1" ALT="Click here to register"></A>';

 

I was expecting it to reduce the image promo.gif proportionately by 50%. Instead it appears as a single horizontal strip.  Can anyone tell me where I am going wrong?

[Mr P!nk]

try

 

<input name="register" type="image" src="image/promo.gif" alt="Click here to register" title="Register" width="50%" height="50%" border="0" onClick="this.form.action='$domain.'register.php';"/>

 

NOT TESTED

 

but should work

[jwhite68]

I have it set to this in my code:

 

   <input name="register" type="image" src="elements/promo.gif" alt="Click here to register and upload properties for FREE!" title="Register" width="50%" height="50%" border="1" onClick="this.form.action='$domain.'register.php';"/>

 

But it doesnt display the image or alt text etc at all now. I have tried to play with it to get it to work, but must be missing something.

[Mr P!nk]

have you placed the whole thing inside

 

<form method="post" enctype="multipart/form-data">
<input name="register" type="image" src="elements/promo.gif" alt="Click here to register and upload properties for FREE!" title="Register" width="50%" height="50%" border="1" onClick="this.form.action='$domain.'register.php';"/>
</form>

 

ive just tested the code and i get the image fine hmmm

 

 

 

 

[Mr P!nk]

or try

<form method="post" enctype="multipart/form-data" action="register.php">
<input name="register" type="image" src="" alt="Click here to register" title="Register" width="50%" height="50%" border="0"/>
</form>

[d22552000]

just by reading your topic name )and not having time to read responses(  suprisingly within the DTDof XHTML 1.1 Strict you can change an image by %  "width='10%' height='10%'" and its perfectly valid.