'vAlign' Example

'vAlign' Example : Align : Style Layout JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Style Layout » Align »

'vAlign' Example



    
<html>
<body>
<table border="3" cellspacing="5" cellpadding="5" align="left">
    <tr id="tr1">
        <td>Cell 1. Aligned top.</td>
        <td>Cell 2. Aligned top.</td> 
        <td><img src="http://www.navioo.com/style/logo.png" width="90" height="90"></td>
    </tr>
    <tr id="tr2">
        <td>Cell 4. Aligned bottom.</td>
        <td>Cell 5. Aligned bottom.</td>
        <td><img src="http://www.navioo.com/style/logo.png" width="96" height="96"></td>
    </tr>
</table>
<script language="JavaScript">
    document.getElementById("tr1").vAlign = "top";
    document.getElementById("tr2").vAlign = "bottom";
</script>
</body>
</html>