Table problem

by 8 replies
10
Hi,

I am sort of a newbie, so please bear with me. I attached a drawing of a table that I created. It has two rows and 3 columns. In the first row 2 of the cells are combined using colspan="2". I have one big problem with the table. The far right cell on the bottom is filled with text, and because the text is so lenghthy, it greatly increases the length of all of the bottom cells. I experimented with having that far right cell scroll in a frame, but I could not get it to work. Basically I want the bottom of the table to be completely even. Any help that I can get on this will be greatly appreciated.

Thanks!
#website design #problem #table
    • [ 2 ] Thanks
  • Thanks Ron,

    I am a newbie. I will see if there is anything about dvs in my HTML For Dummies Book.
  • A lot of websites are built using tables, but technically that is incorrect. Like Ron mentioned, DIV's are used to build web pages/sites. At times they can be a bit more complicated to use, but I suggest you learn how to use them vs. tables.
    • [ 1 ] Thanks
    • [1] reply
    • I cannot agree more. Experiment with both, you'll learn quite a lot that can be used later.
      • [1] reply
  • Hey guys,

    thanks for pointing me in the right direction. My HTML For Dummies book does scratch the surface on <div> and CSS but doesn't really cover what I need to do here. Can anyone recommend a good beginners book or tutorial on the subject?

    Thanks!

    -cinque8
  • go to w3schools.com, and click the "learn to create your own website" link. Follow the tutorials, and you will be away in no time.
    Basically, with divs, you markup your content in boxes, or divisions (divs) in the html, then style it using css.

    So, to create a simple grid, you would do:

    <div class="wrapper">
    <div class="textbox">
    <p>Your paragraph here</p>
    </div>
    <div class="anothertextbox">
    <p>some more content here</p>
    </div>
    </div>

    The in your css, you define how your widths, heights, backgrounds, margins etc, like this:

    .wrapper{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    }
    .textbox{
    width:40%;
    padding:5%;
    font-size:14px;
    float:left;
    }
    .anothertextbox{
    width:40%;
    padding:5%;
    background:red;
    float:red;
    }
    • [ 1 ] Thanks
  • Hey,

    Thanks loads! I'm on it!
Join the discussion

Next Topics on Trending Feed

  • 10

    Table problem

    Hi, I am sort of a newbie, so please bear with me. I attached a drawing of a table that I created. It has two rows and 3 columns. In the first row 2 of the cells are combined using colspan="2". I have one big problem with the table. The far right cell on the bottom is filled with text, and because the text is so lenghthy, it greatly increases the length of all of the bottom cells. I experimented with having that far right cell scroll in a frame, but I could not get it to work. Basically I want the bottom of the table to be completely even. Any help that I can get on this will be greatly appreciated.