What's the property that controls the space between the button and the textbox (red arrow)...I tried margin and padding. No luck...

<form action=\"index.php\" method=\"post\">
<h2 class=\"sidebar-title\">Search</h2>
<input type=text name=search id=\"searchBox\" size=15>
<input type=submit value=\"GO!\" id=\"searchButton\">
</form>

Try putting the form in a table and putting each element in its own cell.

A margin of 0 should do the trick. Make sure there's no spaces after the text box and before the button and try putting them on the same line.

This is what I got.

<input type="text" style="margin:0" /><input type="button" value="Go" style="margin:0;border: 1px solid black" />

you can also increase the space by puttin :&nbsp between the two parts. :&nbsp is just some kind of stupid code that means space. It helps when using it in graphical and form elements.

just ignore what i just put (" you can also ince...") i thought you said increase space. My bad.



Mik

instead of a table you can put it into <div>, </div> tags. It is much easier and usable than table tags.

Originally Posted by Chroder

A margin of 0 should do the trick. Make sure there's no spaces after the text box and before the button and try putting them on the same line.

This is what I got.

<input type="text" style="margin:0" /><input type="button" value="Go" style="margin:0;border: 1px solid black" />

ahh..excellent thanks didn't know it reads in the spaces. Fixed now.