10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Table problem

by cinque8
8 replies
  • WEB DESIGN
    • |
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!
#problem #table
  • Profile picture of the author ronc0011
    Why are you using tables instead of divs? divs would eliminate those problems unless you have specific reasons for needing tables.
    {{ DiscussionBoard.errors[6892896].message }}
  • Profile picture of the author cinque8
    Thanks Ron,

    I am a newbie. I will see if there is anything about dvs in my HTML For Dummies Book.
    {{ DiscussionBoard.errors[6892957].message }}
  • Profile picture of the author BillyW
    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.
    Signature
    Qosso.com - Exceptional Branding At Affordable Prices
    {{ DiscussionBoard.errors[6893012].message }}
    • Profile picture of the author Gubriful
      Originally Posted by BillyW View Post

      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.
      I cannot agree more. Experiment with both, you'll learn quite a lot that can be used later.
      {{ DiscussionBoard.errors[6893118].message }}
      • Profile picture of the author ronc0011
        Originally Posted by Gubriful View Post

        I cannot agree more. Experiment with both, you'll learn quite a lot that can be used later.
        DITTO ^

        Yeah start working with divs. You will likely find it helpful to apply background colors and borders to them to make them more visible so you can see what you're doing and how your code is being interpreted by the browser. This is also a good way to start getting familiar with CSS and how it is used.

        I found that because of the immediate feedback this method gives you it can be a lot of fun learning your way around the ins and outs of web design and CSS
        {{ DiscussionBoard.errors[6893385].message }}
  • Profile picture of the author cinque8
    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
    {{ DiscussionBoard.errors[6894315].message }}
  • Profile picture of the author ClicProject
    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;
    }
    {{ DiscussionBoard.errors[6894415].message }}
  • Profile picture of the author cinque8
    Hey,

    Thanks loads! I'm on it!
    {{ DiscussionBoard.errors[6894549].message }}

Trending Topics