align input field with image button

can someone take a look at

http://www.innergatedesigns.com/work/inputimage/inputimg.php

<div><input type="text" src="buynow.gif" name="button" /><img src="buynow.gif" /></div>

and let me know how i can get these to align across IE and FF.

Thanks.
redcableAsked:
Who is Participating?
 
sam85281Connect With a Mentor Commented:
You don't want to align it top becayse the input has padding.  Also don't need to put all the src stuff in your text field

Use:

<input name="QUANITY OR WHATEVER" type="text" style='width:30px;' /><input type='button' src="buynow.gif" type="image" align='absmiddle' />

-Sam
0
 
bowen18Commented:
This should do it:

<div><input src="buynow.gif" name="button" type="text"><img src="buynow.gif" align="top"></div>
0
 
bowen18Commented:
Also, I realize "align" is deprecated, but the DTD being used is xhtml transitional.
0
 
redcableAuthor Commented:
just realized the button i was working on is actully an input image

<div><input align="top" type="text" src="buynow.gif" name="button" /><input type="image" src="buynow.gif" /></div>

updated


http://www.innergatedesigns.com/work/inputimage/inputimg.php

any thoughts on how to correct this? align="top" didnt seem to work.

thanks again.
0
 
bowen18Connect With a Mentor Commented:
Ah, that does change things a bit:

<div><input src="buynow.gif" name="button" type="text" /><input src="buynow.gif" type="image" style="vertical-align:top" /></div>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.