Please help me vertically align image

Hello,

My airline game website (shown in my signature) has an issue where I do not know how to align my facebook like button with the link text next to it. Can anyone help? Here is what the code looks like now-

<tr>
<td align=right><a href="directions.html">Directions</a> | <a href="play.php">Play</a><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like show_faces="false" width="250"></fb:like></td>
</tr>

Thank you.

 

two options

1. <td align=right valign="middle">
2. <td align=right style="vertical-align:middle;">

 

J32, that method is deprecated, I would not recommended using it at all. Also, OP, you are using tables for layout, this is a VERY bad idea.

See this article on vertical alignment, it should help you.

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

 

Thanks for the suggestions. I tried both but it didn't work. jermemy, I'm afraid that article is a little beyond my expertise, if you could offer some specifics?

 

Try this (notice I am using a div instead of a table cell for layout. this is the modern web standard, tables are so 90s).

<div style="width:360px;">
<span style="float:left;"><a href="directions.html">Directions</a> | <a href="play.php">Play</a></span><span style="float:right"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like show_faces="false" width="250"></fb:like></span>
</div>

Code (markup):

 

Good to know...thanks for the info