www.webdeveloper.com
Results 1 to 2 of 2

Thread: How to put stuff on the other side of a table???

  1. #1
    Join Date
    Mar 2003
    Posts
    21

    How to put stuff on the other side of a table???

    How do I put stuff of the other side of a table??? Im thinking about converting my frames page to a regular one frame page but am having trouble figuring out how to do it..

    See normally i had a two frame page where the left side frame was like 13% and the right side was just the rest of the page. The left frame was the MENU frame and the right frame was the output of the menu..

    So now Im thinking about just making a standard ONE FRAME page and only way I can think to keep my menu on the left is to make a table like this..

    <FONT size=2 color="#000000" face="Arial">
    <DIV><TABLE width=15% bgcolor="#000000" border=1 cellpadding=1 cellspacing=1>
    <TR valign=top>
    <TD>TEST
    </TD>
    </TR>
    <TR valign=top>
    <TD>TEST
    </TD>
    </TR>
    <TR valign=top>
    <TD>TEST
    </TD>
    </TR>
    <TR valign=top>
    <TD>TEST
    </TD>
    </TR>
    <TR valign=top>
    <TD>TEST
    </TD>
    </TR>
    <TR valign=top>
    <TD>TEST
    </TD>
    </TR>
    </TABLE>
    </DIV>

    But now that creates a simple 5 row one column table, but what I can't figure out is how the heck to put stuff on the right side of the table. Like let's say I wanna just put an image on the right side of that table so that it will sit horizontal of that table having the table on the left as the menu and having a pic on the right of the table. How would I do that?

    Thanks in advance

  2. #2
    Join Date
    Nov 2003
    Location
    Worthington, OH, USA
    Posts
    3,634
    Ultimately I believe you may be happier if you look at what a few DIVs and CSS will do for you, and eliminate the table. However even with a table, you could try:

    PHP Code:
    <style type="text/css">
    div.left {
        
    overflowhidden;
        
    width13%;
        }
    div.main {
        
    height100%;
        
    margin-left132px;
        
    positionabsolute;
        
    top0px;
        
    width87%;
        }
    </
    style>
    ...
    <
    div class="left">
     <!- 
    Insert Menu ->
    </
    div>
    <
    div class="main">
     <!- 
    Insert Content ->
    </
    div

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles