I'm trying to figure out how to build a site using table for the layout. Like the following:

I know using table isn't the brightest idea. I am just trying to learn how the table tag can be used in different situations. I can't seem to get the "content" area working, like for news. These are the html codes I have written.

<style type="text/css">

td {background-color: #fff000}

td.lftmenu {background-color: #ffffff}

<table border="0" cellpadding="0" cellspacing="0" valign="top" width="600px">
    <td width="600px" height="150px" valign="top">
    <img src="images/Yuzuha.jpg" width="600px"  height="150px" alt="yuzuha_from-utawarerumono" title="Yuzuha: Utawarerumono" /></td>
<!--top menu-->
    <td width="600px" align="center">Home | Gallery | Animations | Book Record</td>
<!--left menu-->
    <td width="120px" valign="top">
        <td class="lftmenu" width="120px" height="160px" valign="top"><span>TITLE</span><br />Menu<br />&nbsp;&nbsp;&nbsp;-Submenu<br />&nbsp;&nbsp;&nbsp;-Submenu<br />&nbsp;&nbsp;&nbsp;-Submenu</td></tr>
        <td class="lftmenu" width="120px" height="600px" valign="top"><span>TITLE</span><br />Menu<br />&nbsp;&nbsp;&nbsp;-Submenu<br />&nbsp;&nbsp;&nbsp;-Submenu<br />&nbsp;&nbsp;&nbsp;-Submenu</td></tr></table>
<!--content goes here-->
    <td valign="top">
        <td class="lftmenu" width="120px" height="160px" valign="top">&nbsp;</td></tr></table>

*or please direct me to a site which explains thoroughly how tables are use as layouts. i tried google and other search engine and yet no luck.

9 Years
Discussion Span
Last Post by Lokasip

Nevermind. I forgot the very basic of using tables as spreadsheet. In order to expand different rows and cols, and accommodate the scaling I needed to add in row/colspan. It was somewhat self-explanatory. lol =(

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.