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…
@mooiSep 21.2006 — #I would suggest putting a table around it so that the textfield is in one column and the button is in another, for example: [code=html]<table cellpadding="0" cellspacing="0"> <tr> <td><input name="textfield22" type="text" size="12" /></td> <td><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="middle" id="go_but1" /></a></td> </tr> </table>[/code]
I know it requires a bit more code, but it's better than playing around with the margins etc of the buttons. Plus this is a solution that should work in all browsers.
@mooiSep 21.2006 — #Technically it's not tabular data but for layout sake it is a more efficient solution. Using CSS hacks to make it the same on different browsers would it too complicated for such a simple problem.
@KravvitzSep 21.2006 — #Like I said on HTMLForums, you should try using the [url=http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align]vertical-align[/url] and [url=http://www.w3.org/TR/CSS21/box.html#propdef-margin]margin[/url] properties to align them.