aligning form elements with absolute positioning

[junior]

Hi group,

I have a problem with a small project i'm doing at the moment. Here's
my code below.

<table width="668" height="63" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td height="63" align="right" valign="middle"
background="/xxxxx/xxx/plain.gif" style="height:63px; width:668px;
background-repeat:no-repeat; text-align: right; padding-top:20px;
padding-right:5px;">
<form method="post" action="/search/index.cgi">
<input type="text" size="12" name="terms">
<input name="image" type="image"
onMouseOver="this.src='/xxxxx/xxx/bar_04-over.gif'"
onMouseOut="this.src='/xxxxx/xxx/bar_04.gif'"
src="/xxxxx/xxx/bar_04.gif" alt="Search" width="44" height="18"
border="0">
<input type="hidden" name="help" value="whole_site">
<input type="hidden" name="find" value="english">
</form></td>
</tr>
</table>

The proble is that the textfeild's and image's (search button) base
aren't aligned, flat on the bottom. Their tops are both level but i
can see to be able to position the image in the center of the search
field, side by side. I can't use position: absolute etc because this
need to look relatively similar in IE, Mozilla and Netscape 4.7 and PC
and Mac and thats not compatible with some versions.

Hope u guys can shed some light

Cheers

T

[Brian]

junior wrote:

I have a problem with a small project i'm doing at the moment. Here's
my code below.
[code snipped]
Please provide a url instead of code.
The proble is that the textfeild's and image's (search button) base
aren't aligned, flat on the bottom. Their tops are both level but i

If you want more control of layout, I'd suggest css. It is far more
flexible than deprecated html presentation stuff. And your site will
be better for it, and not only in terms of presentation.

--
Brian
follow the directions in my address to email me