Positioning images next to input box

This is a discussion on "Positioning images next to input box" within the Web Page Design section. This forum, and the thread "Positioning images next to input box are both part of the Design Your Website category.



 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1  
Old Jul 26th, 2006, 11:38
Highly Reputable Member
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Positioning images next to input box

I have a php captcha image which is displayed and next to it I have an input text box where the user has ti enter the code.

I have noticed that the image is slightly higher than the text box by about 3 px.

I have tried using vspace in the image code but both the image and text box move.

Is there a way without using tables how I can align the top of the image with the text box
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jul 26th, 2006, 20:53
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning images next to input box

Wrap both items in the same <div> and do a vertical-align: top; in css.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jul 27th, 2006, 12:19
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning images next to input box

Or you can float them both right and have the text box first in the html, if some other factor doesn't prevent it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
positioning, images, next, input, box

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Positioning Text, Links and Images DregondRahl Web Page Design 4 Jun 7th, 2007 11:34
Positioning images rubyfruit Web Page Design 25 Mar 31st, 2007 14:37
Positioning images? Brocula Web Page Design 3 Oct 15th, 2006 11:12
Anyone got any input on this? Accurax PHP Forum 7 May 9th, 2006 14:12
Positioning images when used in lists wheatus Web Page Design 6 Aug 17th, 2004 15:53


All times are GMT. The time now is 20:12.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42