Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Senior Member
    Join Date
    Oct 2003
    Location
    Essex/Greater London
    Posts
    167
    Member #
    3433
    I have just read a very inspiring article on web design, and have decided to have a bash at sorting out my site so it uses all valid XHTML and CSS, and doesnt cheat by using table layouts. Thing is, Im stumped on how to design a site without the use of tables. Im fed up with them, as the code goes on for much longer than it should, becomes to complicated, eats up too much data transfer etc. So is there a way to create a layout structure without the use of tables?

  2.  

  3. #2
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    Yes, there definately is. And a page laid out without tables will not only create lean, faster loading code, but will also make it much easier to update your site.

    If you want an example of page layout, take a look at my work in progress (only view in IE right now however, I have some bugs to work out for NS,Mozilla,Opera ect.): http://www.poker-resource.com.

    Take a look at the source, no tables. all the formatting is defined in my global css file which u should be able to d/l and look at. There are many other examples of tableless layouts out there, much better than mine too. A couple great resources are:
    - http://www.csszengarden.com
    This site will show u what awesome designs can be accomplished with only CSS.

    -http://www.alistapart.com
    Has alot of great articles on CSS design along with many other Web dev topics.

    Make sure to get a good book on CSS too, learn all you can before you design your pages, it'll save u time in the long run. One book on this subject that is highly reccomended by many web developers is "Designing with Web Standards" by Jeffery Zeldman. You can find it here on his site: http://www.zeldman.com

    Hope this helps
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)

  4. #3
    Senior Member [Li] Brad's Avatar
    Join Date
    Oct 2003
    Location
    Saskatoon, Canada
    Posts
    578
    Member #
    3689
    Definately something to consider, as tables have been used forever and something now needs to be adopted. Looks quite good, much better than I expected, it may be something I have to look into further, thanks maverick26.

    [Li] Brad
    "Art strives for form, and hopes for beauty." - George Bellows

  5. #4
    Senior Member DanielOliver's Avatar
    Join Date
    Jun 2003
    Location
    Cornwall, England.
    Posts
    1,202
    Member #
    1879
    Sitepoint do a very good book called 'Html Utophia: Design without the use of tables using CSS'

    The book is very good and goes from very basics to the more advanced areas of CSS.

    I would recommend you consider looking at that as well if you are thinking of using CSS.
    http://www.sitepoint.com/ The go to books.

  6. #5
    Senior Member
    Join Date
    Oct 2003
    Location
    Essex/Greater London
    Posts
    167
    Member #
    3433
    Thanks guys. As I said Im sick of using tables, and the article I read yesterday really inspired me to push things foward. Faster loading pages, saves data transfer, can be viewed on XHTML complient PDAs etc. I will be looking into getting those books, but I will start playing around soon to see how easy it is lol. Maverick your site is very goid btw, Im impressed


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:53 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com