Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

converting div/css design to tables...

Discussion in 'Website Design Forum:' started by philjohns, May 25, 2010.

  1. philjohns

    philjohns Senior Member

    Wierd one I know.

    Have designed a html email template using inline css and divs, now need to convert it to tables as they seem to render better in email browsers.

    Never really designed with table so a new one to me! haha

    Any links? tips?

    Phil
     
  2. Harry

    Harry Senior Member

    There are no tips I'm afraid, just outsource it or prepare to learn the awkward and cumbersome way of the layout table.
     
  3. philjohns

    philjohns Senior Member

    Wow Harry, I really wasnt expecting a reply from you that didnt slag me off for doing such a thing! haha

    Yeah, its certainly not perfect... I hate the code already! it appears so messy!
     
  4. Harry

    Harry Senior Member

    Haha no, I've done HTML emails before and they're no way you should use proper markup.

    Best way actually is print out the design (B&W will do) and then draw straight lines over it, breaking it into tables cells…
     
  5. philjohns

    philjohns Senior Member

    Thanks for the tip! will give it ago. Im breaking up a design from a another template at the moment (similiar layout to the one ive designed) so will see if I can fix it that way first!

    Will let you know how it goes.
     
  6. Harry

    Harry Senior Member

    Coolio :)
     
  7. Renniks

    Renniks Senior Member

    There's a market there for people who still design (sadly) in tables :p email markup-perrer
     
  8. Sunburn

    Sunburn Active Member

    I also hate to say this, but when it comes to html email builds, using tables is the only way, and when you have a complex design ... (feel sick) Dreamweaver will become your dirteh little secret!!
     
  9. Kevin

    Kevin Senior Member

    Also keep in mind that most email clients don't support things like background-images or other "advanced" css properties :rolleyes:
     
  10. Harry

    Harry Senior Member

    Avoid all CSS altogether really.
     
  11. Renniks

    Renniks Senior Member

    That may have to be signatured ;)
     
  12. Kevin

    Kevin Senior Member

Share This Page