Tables to Divs

3-Column layouts don't always have to be table based. I had a client who purchased one of the older Project Seven Design Packs, and wanted to update it to load a little quicker and be more standards based.

Take a gander at this Project Seven mod (not sure they're selling this particular DP anymore) I did for RobinChang.com. All of the tables were stripped out and redone with a clean, full <div> layout. I was able to keep the PVII effects intact and it's nearly impossible to tell the difference between this and their original tabular form. And, it validates as XHTML 1.0 Transitional of course.

13 responses to “Tables to Divs”

  1. EugeneEugene Says:
    Looks impressive! Amazing re-working of the Project Seven code bloat. The original version of the Pack you did can be found here:

    <a href="http://www.projectseven.com/dpdemos/dp11/"; title="PVII Web Tech">http://www.projectseven.com/dpdemos/dp11/</a>;

    I'm a fan of their Design packs, but really like what you did here.

    E.L.

    Eugene Says:
    Looks impressive! Amazing re-working of the Project Seven code bloat. The original version of the Pack you did can be found here:<br /><br /><a href="<a rel="nofollow" href="http://www.projectseven.com/dpdemos/dp11/&quot">http://www.projectseven.com/dpdemos/dp11/&quot</a>;; title="PVII Web Tech"><a rel="nofollow" href="http://www.projectseven.com/dpdemos/dp11/</a&gt">http://www.projectseven.com/dpdemos/dp11/</a&gt</a>;<br /><br />I'm a fan of their Design packs, but really like what you did here.<br /><br />E.L.

  2. Daniel ShortDaniel Short Says:
    Thanks Eugene :)
  3. JeffJeff Says:
    very nice. A few oddities in mozilla, like the right column text being longer than that col's bgcolor when you have a wide screen.

    I'd also work on suits.gif. It looks like it needs some anti-aliasing. Personally I would use the brown color behind the people and convert it to a jpg rather than trying to have that internal background be transparent. You can do a smoother alias that way.

    Jeff Says:
    very nice. A few oddities in mozilla, like the right column text being longer than that col's bgcolor when you have a wide screen.<br /><br />I'd also work on suits.gif. It looks like it needs some anti-aliasing. Personally I would use the brown color behind the people and convert it to a jpg rather than trying to have that internal background be transparent. You can do a smoother alias that way.

  4. Daniel ShortDaniel Short Says:
    Hey man, I'm a coder... I don't deal with shades of brown and stuff......

    I'll have to mess with Moz a bit, but it's a niche browser still :)
  5. Robin ChangRobin Chang Says:
    What is Mozilla? Sounds like a dinosaur. :)

    Whatever it is, we're very happy with the work, Dan, as always. Thanks for everything.

    RC
  6. ~Angela~Angela Says:
    So, you design a table-less site and take a week off from the blog? What a slacker ;-)

    ~Angela Says:
    So, you design a table-less site and take a week off from the blog? What a slacker ;-)

  7. Daniel ShortDaniel Short Says:
    Someone's gotta take a week off from my blog :)
  8. ~Angela~Angela Says:
    I'm sure if I just stop checking your blog you'll post... Yep, that's it... uh huh...

    ~Angela Says:
    I'm sure if I just stop checking your blog you'll post... Yep, that's it... uh huh...

  9. Daniel ShortDaniel Short Says:
    :)
  10. JayJay Says:
    Actually, you didn't take a week off, you were just quoted on <a href="http://www.dwmommy.com">~Someone elses blog</a> on the 29th.

    Jay Says:
    Actually, you didn't take a week off, you were just quoted on <a href="<a rel="nofollow" href="http://www.dwmommy.com">~Someone">http://www.dwmommy.com">~Someone</a>; elses blog</a> on the 29th.

  11. Daniel ShortDaniel Short Says:
    Yeah, what he said....
  12. ~Angela~Angela Says:
    I'm not sure that counts Jay! :-)

    ~Angela Says:
    I'm not sure that counts Jay! :-)

  13. Daniel ShortDaniel Short Says:
    puh... I'm always working...

Leave a Reply

Leave this field empty:

Powered by Mango Blog.