?
Solved

align input field with image button

Posted on 2006-07-19
5
Medium Priority
?
2,415 Views
Last Modified: 2012-06-27
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.
0
Comment
Question by:redcable
  • 3
5 Comments
 
LVL 2

Expert Comment

by:bowen18
ID: 17141416
This should do it:

<div><input src="buynow.gif" name="button" type="text"><img src="buynow.gif" align="top"></div>
0
 
LVL 2

Expert Comment

by:bowen18
ID: 17141450
Also, I realize "align" is deprecated, but the DTD being used is xhtml transitional.
0
 

Author Comment

by:redcable
ID: 17141694
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
 
LVL 2

Assisted Solution

by:bowen18
bowen18 earned 400 total points
ID: 17141872
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
 
LVL 16

Accepted Solution

by:
sam85281 earned 1000 total points
ID: 17142274
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

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

571 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question