Connecting Tech Pros Worldwide Forums | Help | Site Map

Decrease the Spacing between a textbox & button next to each other

Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#1: Oct 21 '09
Hi,

I have a textbox and a button next to each other but i would like to decrease the space between them - so that they like part of one another

Expand|Select|Wrap|Line Numbers
  1.   <input type="text">
  2.   <input type="button">
  3.  
Is there a way of playing with spacing between the two?

Please Assist!
best answer - posted by Dormilich
does that result in the HTML code given in the 1st post? then you either need to get rid of the whitespace (presumably \n\t) or fiddle with the margin property.

Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,661
#2: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


how do I have to imagine that? usually (if you have reset any (if there are any) default values for margin, padding, etc. and you don’t have whitespace between the tags) they are next to each other.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#3: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


There is nothing between them and right next to each other,

i'm trying to simulate the look of the type="file" browse button where the button is nicly spaced between the textbox.

And now i this button and want to align them nicley - please assist!
Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,661
#4: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


I see no difference.
Attached Thumbnails
buttons.jpg  
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#5: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


Thanks i see there is no space but mine there is
i'm using xslt which has asp controls.
Expand|Select|Wrap|Line Numbers
  1. <xsl:element name="asp:TextBox">
  2. <xsl:element name="asp:Button">
  3.  
Thanks for helping
Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,661
#6: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


does that result in the HTML code given in the 1st post? then you either need to get rid of the whitespace (presumably \n\t) or fiddle with the margin property.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#7: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


Thank You for helping this worked :)
Expand|Select|Wrap|Line Numbers
  1. margin-right: -5px;
  2.  

Thank You
Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,661
#8: Oct 21 '09

re: Decrease the Spacing between a textbox & button next to each other


Quote:

Originally Posted by ismailc View Post

Expand|Select|Wrap|Line Numbers
  1. margin-right: -5px;

that’s about one condensed whitespace character (space) width…
Reply