top align in html table?

how can i get the images and the content to the right to top align? i tried valign="top" as you can see.

<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr valign="top"> <td valign="top"><img alt="" src="/Portals/0/affiliates/NFL.png" /></td> <td valign="top">&nbsp;</td> <td valign="top"><strong><span>NFL</span><br /> </strong><span valign="top">The official website for the National Football League. <a href="" target="_blank">Learn more &gt;&gt;</a></span></td> </tr> <tr valign="top"> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr valign="top"> <td valign="top"><img alt="" src="/Portals/0/affiliates/NFL_players_association.png" /></td> <td>&nbsp;</td> <td valign="top"><strong><span>NFL Players Association</span><br /> </strong><span valign="top">"We, The National Football League Players Association ... Pay homage to our predecessors for their courage, sacrifice, and vision; ... Pledge to preserve and enhance the democratic involvement of our members; ... Confirm our willingness to do whatever is necessary for the betterment of our membership - To preserve our gains and achieve those goals not yet attained." <a href="" target="_blank">Learn more &gt;&gt;</a></span></td> </tr> <tr valign="top"> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr valign="top"> <td valign="top"><img alt="" src="/Portals/0/affiliates/NFL_play_benfits.png" /></td> <td><strong>&nbsp;</strong></td> <td valign="top"><strong><span>NFL Player Benefits</span></strong><br /> <span>A Complete guide to the benefits available for NFL players. <a href="" target="_self">Learn more &gt;&gt;</a></span></td> </tr> <tr valign="top"> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr valign="top"> <td valign="top"><img alt="" src="/Portals/0/affiliates/NFL_hall_fame.png" /></td> <td>&nbsp;</td> <td valign="top"><strong><span>Pro football Hall of Fame</span></strong><br /> <span>The Mission of the Pro Football Hall of Fame is: To honor, preserve, educate and promote. <a href="" target="_blank">Learn more &gt;&gt;</a></span><br /> </td> </tr> </tbody> </table> 
1

2 Answers

Some CSS :

table td, table td * { vertical-align: top; } 
0
<TABLE COLS="3" border="0" cellspacing="0" cellpadding="0"> <TR> <TD> <!-- The log text-box --> <div> Log: </div> </TD> <TD> <!-- The 2nd column --> </TD> <TD> <!-- The 3rd column --> </TD> </TR> </TABLE> 

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

You Might Also Like