PSD>HTML - With or without tables?

Discussion in 'HTML & Website Design' started by lolage, Jan 25, 2011.

  1. #1
    Hey, I'm doing PSD's to HTML but the code it gives is with tables. Is this seen as OK or should I learn how to do it with divs only? Its nice with tables as it kinda makes the CSS easier with tables + divs.

    Any replies appriciated :)

    Thanks
     
    lolage, Jan 25, 2011 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    It makes no sense laying out a web page using tables...ever. But this topic has been argued to death and it makes no sense to argue it again. Tables are used by people who don't know how to create modern web pages.
     
    drhowarddrfine, Jan 25, 2011 IP
  3. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Tables should only be used for tabular data, not for design purposes. Take the time and effort to learn how to code to today's standards and it'll pay off later.
     
    steelfrog, Jan 25, 2011 IP
  4. lolage

    lolage Active Member

    Messages:
    1,129
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #4
    Hmm okay, so when slicing - I should only use the images and delete the html file?
     
    lolage, Jan 25, 2011 IP
  5. ukescuba

    ukescuba Peon

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i would position everything using css... once you do you will never look back :)
     
    ukescuba, Jan 25, 2011 IP
  6. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I would hang onto the old Html. You can use it as a guide when building your new layout. Also, for a good visual wireframe appearance, you can use the Web Developer Toolbar for Firefox to "outline" tables and their elements.

    ... and for tabular data. But it also has purpose that is used by ad networks. They cannot rely on other peoples websites to deliver the appropriate styling, and it is more efficient to deliver that content inside of tables.
     
    Dodger, Jan 25, 2011 IP
  7. xira

    xira Active Member

    Messages:
    315
    Likes Received:
    8
    Best Answers:
    4
    Trophy Points:
    68
    #7
    When coding with DIVs instead of tables, you generally don't have to "slice" up your images. Using CSS you put the images in the background and/or where you want with pixel precision. Your content almost always goes in a separate DIV contained within the first DIV. In short, you don't have to cut up images like you do for tables.
     
    xira, Jan 26, 2011 IP
  8. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #8
    This is correct. I usually start by coding the header which, in most cases, contains a background image and a logo. I simply export the background image (and nothing else) from my Photoshop document and code it in place. Then I export the logo and code that in, and so on.
     
    steelfrog, Jan 26, 2011 IP
  9. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #9
    You still have to slice the PSD for repetitive background image patterns, tops/backgrounds/bottoms of box panels, etc.
     
    Dodger, Jan 26, 2011 IP
  10. rswebs

    rswebs Peon

    Messages:
    23
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #10
    i personally still use tables. as the forum can tell that im out-dated. a few days ago i started practicing how to use CSS i like the way you can change in the CSS file and change every web page. but i still have alot to learn
     
    rswebs, Jan 26, 2011 IP
  11. harryoxford

    harryoxford Banned

    Messages:
    77
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #11
    You should go for slicing first and then do create html . I know this step and after this go for html.
     
    harryoxford, Jan 26, 2011 IP
  12. ApocalypseXL

    ApocalypseXL Notable Member

    Messages:
    6,095
    Likes Received:
    103
    Best Answers:
    5
    Trophy Points:
    240
    #12
    Flexible CSS has been the ye old way for a looooooong time now . It's the way to go if you want to be a at the minimum standards .
     
    ApocalypseXL, Jan 26, 2011 IP
  13. Ivanna

    Ivanna Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Ivanna, Jan 27, 2011 IP