Align a Button

[tomyknoker]

Hi All,

In the attached file you can see I can't align the button to the text field... Any ideas? I want them to be horizontally aligned... When I test it on different browsers the button sits slighlty below the box...

[jscheuer1]

Why do you need 2.1k zipped to show a button?

[codeexploiter]

I've changed a your HTML source code a bit, my changes are in red color and are as follows:

<input name="textfield22" type="text" size="12" style="height:15px;"  align="top" />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('go_but1','','images/go_but_1.gif',1)">
<img src="images/go_but_0.gif" alt="GO" name="go_but1" width="23" height="19" border="0" align="top" id="go_but1" /></a>

I've viewed the page in IE, FF, NN & Opera and looks ok. I've attached the page on which i've made the changes here.

[jscheuer1]

I've changed a your HTML source code a bit, my changes are in red color and are as follows:

<input name="textfield22" type="text" size="12" [COLOR="Red"]style="height:15px;" [/COLOR] [COLOR="Red"]align="top"[/COLOR] />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('go_but1','','images/go_but_1.gif',1)">
<img src="images/go_but_0.gif" alt="GO" name="go_but1" width="23" height="19" border="0" [COLOR="Red"]align="top"[/COLOR] id="go_but1" /></a>

You cannot use the colors in HTML blocks in the editor. Use code blocks:

<input name="textfield22" type="text" size="12" style="height:15px;"  align="top" />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('go_but1','','images/go_but_1.gif',1)">
<img src="images/go_but_0.gif" alt="GO" name="go_but1" width="23" height="19" border="0" align="top" id="go_but1" /></a>

[codeexploiter]

Thanks John for that info, I've changed my post now