What's with this stretch input image in my form??

June 28, 2006 2:17 AM

HTMLfilter: The image in a custom image button in a form appears to be stretched to a certain size, why is this?

Dear AskMeFi,

It seems that this image appears stretched when I include it as a custom image button with the HTML code :

input type="image" src="site/images/mirror_btn_go.gif" name="Login" value="Login"

You can see the result at Mirror test site

Specifying height and width attributes in the input tag does not seem to do anything as does CSS styles.

Does anyone have any ideas as it's completely baffling me.

cheers in advance

jonny

posted by jwhittlestone to Computers & Internet (2 answers total)

Best answer: Your CSS tag says that input elements in the loginbox div should have a width of 100px:

#loginbox input {margin-left:11px; width:100px; height:13px; margin-bottom:7px}

The image in question is an input element in the loginbox div:

<input type="image" src="site/images/mirror_btn_go.gif" name="Login" value="Login" id="Image1">
posted by jellicle at 2:30 AM on June 28, 2006

Response by poster: thanks so much! i feel very very stupid, I'd spent so long looking at it, I'd stopped being rational.

have a great day

jon
posted by jwhittlestone at 2:37 AM on June 28, 2006