help with middle alignment of cell in table

[biomike]

I am trying to get the text in the left column to have a middle allignment rather than top. It would appear that the style code below in the header is overriding the code for this cell. any suggestions please.


<style type="text/css">
td {
vertical-align: top;
}
</style>




<td width="720" valign="middle" align="center" height="35">
<p style="margin-top: 0; margin-bottom: 0"><font class="content"><b><font size="2" color="#000000" face="Arial">home&nbsp;&nbsp;&nbsp;&nbsp;
about us&nbsp;&nbsp;&nbsp;&nbsp; treatment&nbsp;&nbsp;&nbsp;&nbsp;
training&nbsp;&nbsp;&nbsp;&nbsp; research&nbsp;&nbsp;&nbsp;&nbsp;
press room&nbsp;&nbsp;&nbsp;&nbsp; case&nbsp;histories&nbsp;&nbsp;&nbsp;&nbsp;
contact&nbsp;&nbsp;&nbsp;&nbsp; faq&nbsp; &nbsp;&nbsp;&nbsp;...more</font></b></font>
</td>
<td width="190" valign="middle" align="center" height="35">
<div align="center">
<table bgcolor="#4D7495" width="183" height="17">
<tr>
<td width="175" height="17">
<p style="margin-top: 0; margin-bottom: 0" align="center"><font face="Arial"><input TYPE="text" name="q" size="18" maxlength="255" value="Search our site" style="font-size: 8pt">&nbsp;<input type="submit" name="btnG" VALUE="Go" style="font-size: 8pt"></font></p>
</td>
</tr>
</table>
</div>
</td>
<td width="48" valign="middle" align="center" height="35">
<font face="Arial">
<img border="0" src="images/nhs_approved3_red.jpg" width="45" height="33">
</font>
</td>



*

[jscheuer1]

The vAlign and align attributes should no longer be used for td elements. You can:


<style type="text/css">
td {
vertical-align: middle;
}
</style>

Or if there are only one or a few td elements that you want to do this to, create a class:


<style type="text/css">
.midaline {
vertical-align: middle;
}
</style>

Then in those td tags you want this to apply to:


<td class="midaline">

FYI: The css equivalent for the align attribute is text-align. For vAlign it's vertical-align.

[biomike]

thanks for your help once again.

Michael