psd to css

Discussion in 'CSS' started by krbhola, Mar 5, 2012.

  1. #1
    Hi,
    Expert Opinion Needed!
    When i slice my psd web template and save it as html and images, it's usually creates html table with tr, td. Most of the experienced designers suggested that using div tag is better than html table i.e. tr,td. Which one is the best policy to web site designing?

    Thank you
     
    krbhola, Mar 5, 2012 IP
  2. templates2011

    templates2011 Peon

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you right but when save the PSD it auto save in HTML tr td tags
     
    templates2011, Mar 6, 2012 IP
  3. krbhola

    krbhola Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank your
     
    krbhola, Mar 6, 2012 IP
  4. sunnykatsa

    sunnykatsa Member

    Messages:
    26
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    43
    #4
    don't use automated converting programs from PSD to HTML, the codes generated are very dirty. Thus, yes it will convert it into tables with lots of colspans and rowspans.

    I suggest using divs and css will do a very optimize code and works well easily when editing.
     
    sunnykatsa, Mar 9, 2012 IP
  5. templates2011

    templates2011 Peon

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    it's mean he shall code the PSD into the Div form
     
    templates2011, Mar 9, 2012 IP
  6. cssbros

    cssbros Member

    Messages:
    76
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    43
    #6
    I perfectly suggest to learn coding HTML pages from scratch using DIV codes, not by slicing on photoshop and exporting to html pages.

    Another way is too hire front end developers who can turn your psd into functional web html pages.

    Goodluck!

    Cheers!
     
    cssbros, Mar 10, 2012 IP
  7. Moxie Technoxy

    Moxie Technoxy Peon

    Messages:
    11
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    The only time I would use PhotoShop to generate HTML is if you need to show a client a concept. In this case, the markup doesn't matter because you're just showing them your ideas. For functional websites, learning to code HTML/CSS from scratch (using just notepad or text edit) is best.
     
    Moxie Technoxy, Mar 15, 2012 IP
  8. intrig

    intrig Member

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    38
    #8
    Else you can use fireworks .. that will save you from a lot of pain.
     
    intrig, Apr 5, 2012 IP
  9. alfieindesigns

    alfieindesigns Well-Known Member

    Messages:
    128
    Likes Received:
    5
    Best Answers:
    2
    Trophy Points:
    130
    #9
    I strongly recommend to use div base rather than table if you are doing a website, but still you can use table base of coding typically for EDM or the one use to send in email.
    So,
    Website = div/html5 + css/css3
    EDM/email html = tables + inline css

    Hope this helps.

    Btw, i'm a front-end developer

    Best regards,
    alfieindesigns
     
    alfieindesigns, Apr 11, 2012 IP
  10. William Rauen

    William Rauen Peon

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Website = div/html5 + css/css3
     
    William Rauen, Apr 24, 2012 IP
  11. AlternativeWeb

    AlternativeWeb Peon

    Messages:
    140
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #11
    If you're looking for an automated way of slicing to CSS, there isn't any.
     
    AlternativeWeb, Apr 26, 2012 IP
  12. simoncrequer

    simoncrequer Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Never use tables or graphical editors.
     
    simoncrequer, Apr 29, 2012 IP
  13. acharyabbs

    acharyabbs Peon

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    i also have the same question..if any free option is available??
     
    acharyabbs, May 6, 2012 IP
  14. kevydesigns

    kevydesigns Well-Known Member

    Messages:
    1,209
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    125
    #14
    Yeah I would go with the divs.
    I provide this service.
     
    kevydesigns, May 8, 2012 IP