Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    specializing tables(or frames)

    Im working on a site, and Im trying to have my tables or frames look like this site http://usera.imagecave.com/jammar190/00.jpg

    (bottom part of the page ^)

    How would you set them coordinates and make them fit all the pages inside? and set backgrounds? Basically, how do u make the tables look like that

    future thanks

  • #2
    New Coder
    Join Date
    Jul 2005
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    frame table question

    there are a lot of ways to do that and it gets very complicated, especially to try and explain it by typing here. Can't you look at the source code of the page and see how they did it? That would be the best way.

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    whats the actual address for that page?

  • #4
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i was going to but its now a graphic in old layouts is there some kind of code that can help me?

  • #5
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <style type="text/css">
    <!--
    body{background:#85bae6;font-family:verdana,sarial,sans-serif; color:white;}
    td{width:100px; height:100px;border:2px solid white;text-align:center;background-color:#94a8ab;}
    td.wide{width:175px;}
    td.thin{width:80px;}
    -->
    </style>
    
    <title>Multiple Table Cells</title>
    </head>
    <body>
    <table border="0" cellspacing="4" cellpadding="4">
    <tr>
    <td>Text goes in here, not much though...</td><td>Lorem Ipsum Dolor Sit Amet</td><td>More cells.</td><td>1234567891011121314151617181920212324252627282930 These stretch to fit more stuff if you reallly need it</td><td>Junk</td><td class="wide">This is wider  (Images?)</td><td class="thin">This is thinner</td>
    </tr>
    </table>
    </body>
    </html>


    Play with that.

    Edit: changed the code to look more like that layout
    Last edited by Ranger56; 07-17-2005 at 05:48 AM.

  • #6
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    No!

    Just stop!

    Please, do not use tables for your layout. I know they're simple and easy. That is the way of the Dark Side. Use CSS. Really. Tables are evil.

    Well, except for doing what they're actually supposed to do: display tabular information.

    I should start a consulting service based around weaning people from their table-layout addiction.

  • #7
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jimrthy
    Just stop!

    Please, do not use tables for your layout. I know they're simple and easy. That is the way of the Dark Side. Use CSS. Really. Tables are evil.

    Well, except for doing what they're actually supposed to do: display tabular information.

    I should start a consulting service based around weaning people from their table-layout addiction.

    I don't use tables for design, but it was just a really fast way to do what they wanted.

  • #8
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    use css not tables

    maybe something more like this will lead your toward the right direction:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <style type="text/css">
    <!--
    body{background:#85bae6;font-family:verdana,sarial,sans-serif; color:white; text-align:center;}
    .auto {margin:0 auto;}
    .clear {clear:both;}
    .box {float:left; width:200px; height:200px; margin:10px;}
    #main {width:600px; height:500px; }
    
    .blk {background:black;}
    .r {background:red;}
    .b {background:blue;}
    .g {background:green;}
    -->
    </style>
    
    <title>use css not tables</title>
    </head>
    <body>
    
    <div class="auto" style="width:700px;">
    
    <div id="main" class="blk auto"> Loren ipsum dollar sit amet</div>
    
    <br class="clear" />
    <div class="box r auto">Loren ipsum dollar sit amet</div>
    <div class="box b auto">Loren ipsum dollar sit amet</div>
    <div class="box g auto">Loren ipsum dollar sit amet</div>
    
    </div>
    
    
    </body>
    </html>
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #9
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks alot u guys!!


  •  

    Posting Permissions

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