HTML table vertical aligning problem

[Carrym]

When posting code please use code tags. There are PHP, HTML and CODE tags that can be used while posting code segments.

Hey,
I am trying to get the text in the second cell of this HTML table to be centered vertically in the middle of the the image in the first cell. See the code. For some reason the text is always positioned at the bottom of the cell! Sorry for all the encrypted stuff, but this is how I can replicate this problem. Basically I want the text 'Sample Text' to be properly vertically aligned. valign="middle" is not working!

<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr valign="middle">
<td width="20%"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHiAY (...) PKCS7-----">
</form></td>
<td>Sample Text</td>
</tr>
</table>

When posting code please use code tags. There are PHP, HTML and CODE tags that can be used while posting code segments.

[McZika]

The text IS displayed in the center of the field. (try changing the border to 1 and you will see for yourself )

the problem is with the picture. The pic is displayed in the top left corner of the cell, and because of all the hidden input tags there is some white space below the picture and because of it it seems like the texk is on the bottom of the imege.

So either remove the hidden input tags, or try messing with the styles...

[John]

Originally Posted by McZika

The text IS displayed in the center of the field. (try changing the border to 1 and you will see for yourself )

the problem is with the picture. The pic is displayed in the top left corner of the cell, and because of all the hidden input tags there is some white space below the picture and because of it it seems like the texk is on the bottom of the imege.

So either remove the hidden input tags, or try messing with the styles...

Im not sure it has anything to do with the hidden inputs or forms. If you try with just an image, with out any forms, it still behaves the same way.

Just out of curiosity, is there a reason you CANT use a table?