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 6 of 6

Thread: Tableless CSS

  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Tableless CSS

    I am a newbie web designer and I am just curious about the advantages of Table-less CSS. Nowadays, more and more clients are choosing designers that knows how to code these table-less CSS.
    Though, in my entire HTML & CSS coding experience, I haven't tried using tables but I have only limited idea of why is that.
    Last edited by VIPStephan; 07-11-2011 at 10:43 AM. Reason: signature rule violation

  • #2
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    616
    Thanks
    48
    Thanked 65 Times in 65 Posts
    This site gives some pretty good reasons if you don't mind reading through it: http://webdesign.about.com/od/layout/a/aa111102a.htm. It's really just not a good styling practice. Tables weren't meant to be used to style pages; you can style a page properly and the same as you would with tables with CSS and without all the messy table tags in your HTML. Also, you could run into a lot of problems with tables, especially if you have overlapping code (i.e. if you need a whole column to be connect, for example in a form, you run the problem of having to include all the other columns, since the cells are lined up like a book, left to right and not directly up and down).
    "Yeah science!"
    Online Science Tools

  • #3
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    831
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Tables were only used because CSS wasn't available. The table layouts went out in the late 1990s but people stuck to them because it was all they knew. Now tables are to be used for their original purpose...tabular data layouts.

    Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
    Why tables for layout is stupid: http://www.hotdesign.com/seybold/
    How to convert manually your HTML tables to CSS: http://www.table2css.com/articles/co...-tables-to-css
    Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps
    Why inline CSS and JavaScript code is such a bad thing: http://robertnyman.com/2008/11/20/wh...h-a-bad-thing/

    Ron
    ☠ ☠RON☠ ☠

  • #4
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Major Payne View Post
    Tables were only used because CSS wasn't available. The table layouts went out in the late 1990s but people stuck to them because it was all they knew. Now tables are to be used for their original purpose...tabular data layouts.

    Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
    Why tables for layout is stupid: http://www.hotdesign.com/seybold/
    How to convert manually your HTML tables to CSS: Local Business Advertising
    Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps
    Why inline CSS and JavaScript code is such a bad thing: http://robertnyman.com/2008/11/20/wh...h-a-bad-thing/

    Ron
    Thanks for this info Major Payne. It really helped me a lot in my web programming lessons.

  • #5
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    My suggestion is....

    1st... simply go through www.3schools.com website and learn HTML and CSS completely. They are very easy to understand and examples are also given.

    2nd... Download CSS templates and check their source code, how they coded..

    3rd.... Download PSD templates or create your own design and then write your own CSS code...


    Cheers

  • #6
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    831
    Thanks
    10
    Thanked 79 Times in 77 Posts
    You're very welcome. I'm not saying that you can't make a nice layout with tables, but you can if you use CSS with it.
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

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