What's with this stretch input image in my form??
June 28, 2006 2:17 AM Subscribe
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
Dear AskMeFi,
It seems that this image

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
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
have a great day
jon
posted by jwhittlestone at 2:37 AM on June 28, 2006
This thread is closed to new comments.
#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