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 14 of 14
  1. #1
    New Coder
    Join Date
    Feb 2004
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Can my site be converted to CSS "tables"?

    Hey, I've been reading up on how to take out html tables and convert your whole sites layout into CSS. It's pretty interesting but at the same time really confusing I just need to get some help, hints, tips on converting my site to CSS layout. I really have no idea were I would start and tables just seems more logical to plan where as CSS doesn't really hit me... heres my site:

    http://www.forcefx.net

  • #2
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts
    I think it depends on the content of the site. A site that has lots of images is best done with tables.
    Leonard Whistler

  • #3
    New Coder
    Join Date
    Feb 2004
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well as you can see my site is pretty much images so maybe css is not the best idea?

  • #4
    Senior Coder Nightfire's Avatar
    Join Date
    Jun 2002
    Posts
    4,265
    Thanks
    6
    Thanked 48 Times in 48 Posts
    Images aren't part of tabular data when used for a layout. So no, that's no excuse to use tables.

    Would be easier for us to help with the problems you come up with as you get to them.

    To start off with, think about what parts of your layout can be cut up into sections. Just start from the top and draw imaginary lines through the site to split it up. Now where you've imagined those lines is where you'd use div tags and then work on positioning with css

  • #5
    New Coder
    Join Date
    Feb 2004
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    though, how do you set off each div? cause each one with have different pictures / ect. Would my test go into the css also? Cause I will be changing that frequently

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    As a bit of encouragement as well as example, take a look at http://www.csszengarden.com/ for a website that's done with just one set of html codes but has dozens of different CSS styles which are used to give it dozens of different looks.

    You're not likely to be able to do that with your site right away but it's a powerful statement about the ability to organize and format a web site and had that site been made using tables it would not be possible to reformat it so many ways.

    As a practical first step toward eliminating tables used for formatting purposes look for the places where you have tables nested within tables and examine their use. Often I see tables that have single cell rows which can be eliminated entirely since their effect is minimal.
    Check out the Forum Search. It's the short path to getting great results from this forum.

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Test?

    Would my test go into the css also?
    If you mean "text" (s and x are quite close to eachother... ): no, text, and images that are considered content, remain in the document source as before. CSS is used to add presentation (font aspects, colors, adornment, and positioning) to the content.

    As Nightfire already suggested: try not to think of how you need to get every bit of your site in the right place; firstly, try to identify blocks, or sections, and determine their function, things like "header", "navigation", "footer", "main content", "search box", "off-site references", and what have you. CSS positioning can be used to size and place each of those main page sections in the right relation to eachother.

    I haven't been able to see your site yet (server on strike? ), so I can't go into more detail; when it's back up, w can start cooking with gas!
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #8
    New Coder
    Join Date
    Feb 2004
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hey! well hmm.. my site shouldv'e been up all this time lol.. I hope it didn't go down but while im posting this its up, so you may wana take a look. Its probley not what u expected. Please if you get the change IM me on AIM: KbeckSk8n29 so I can talk to you personaly Thanks guys!

  • #9
    Senior Coder Nightfire's Avatar
    Join Date
    Jun 2002
    Posts
    4,265
    Thanks
    6
    Thanked 48 Times in 48 Posts

    Re: Test?

    Bugger... see post below

  • #10
    Senior Coder Nightfire's Avatar
    Join Date
    Jun 2002
    Posts
    4,265
    Thanks
    6
    Thanked 48 Times in 48 Posts

    Re: Test?

    Originally posted by ronaldb66
    I haven't been able to see your site yet (server on strike? ), so I can't go into more detail; when it's back up, w can start cooking with gas!
    See if this'll work. Might be best to do a save as on the page as I won't be keeping it up long. Bandwidth charges an' all that

    http://www.nightfire.org.uk/wa/ForceFX.net.htm

  • #11
    New Coder
    Join Date
    Feb 2004
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    what did you do to it nightfire?

  • #12
    New Coder
    Join Date
    Feb 2004
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I took down the site due to under construction stuff, but if you guys still want to help me do this please look at the site at www.forcefx.net/new.php just don't advertise the site anymore than it is please. Thanks guys!

  • #13
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Oh, dear...

    "A site full of useless nothing"

    I dunno about the useless nothing, but it's full allright...
    Despite all the clutter, there basically are the five bog standard sections:[list=1][*]header, with nav bar, two actually,[*]left nav menu, and then some,[*]center content area,[*]right bar with all sorts of stuff,[*]footer.[/list=1]These five sections can be placed in divs, and 2 through 4 need to be positioned in some way (there are several techniques). The real challenge starts with all the pixel-perfect imagery; all in all, you may even be better off with Flash...
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #14
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    all in all, you may even be better off with Flash...
    He'd be better off sticking with the tables layout. At least that way he'd be standard, granted an old standard of doing things but that page doesn't block out the people who can't or won't use plugins like Flash.
    Check out the Forum Search. It's the short path to getting great results from this forum.


  •  

    Posting Permissions

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