Mega Code Archive

 
Categories / JavaScript DHTML / HTML
 

Vertical align the cell content in a table row

<html> <head> <script type="text/javascript"> function valignRow(){     var x=document.getElementById('myTable').rows     x[0].vAlign="top" } </script> </head> <body> <table width="50%" id="myTable" border="1"> <tr> <td height="50">1</td> <td height="50">2</td> </tr> <tr> <td height="50">1</td> <td height="50">2</td> </tr> <tr> <td height="50">1</td> <td height="50">2</td> </tr> </table> <form> <input type="button" onclick="valignRow()" value="Vertical align row"> </form> </body> </html>