Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Convert a table layout to divs?

Started by An Alien, Jan 29 2011 11:11 AM

This topic has been archived. This means that you cannot reply to this topic.

4 replies to this topic

#1
An Alien

Posted 29 January 2011 - 11:11 AM

Programming Professional

Members
260 posts

Is there a converter of some sort that does this? Dreamweaver has this and it works pretty good but the problem is that it converted it into a million divs with styles it made automatically which is even worser than before to read and edit.

#2
BlaineSch

Posted 29 January 2011 - 01:03 PM

Writes binary right handed and hex left handed

Members
2,448 posts

You're best bet is redoing it from scratch.

Tables are really for data that needs to be displayed in rows and columns. Layouts really aren't this, but if it's already coded in tables and works, there really isn't much sense in redoing it for no reason other than to fit in with "table-less gurus". It's just a template.

Google - I'm Feeling Lucky | Youtube Classes! | BlaineSch's Project Blog

Posted Image

#3
An Alien

Posted 29 January 2011 - 02:58 PM

Programming Professional

Members
260 posts

Yeah, but tables are slower than css layouts and are the old way of designing. They're 10x harder when you need to edit the layout.

#4
BlaineSch

Posted 29 January 2011 - 03:27 PM

Writes binary right handed and hex left handed

Members
2,448 posts

Try recoding it then. There is no automated way of doing it well.

I totally agree with you though, I mean CSS Layouts are much better than tables. If only we could apply CSS to tables, then everything would work amazingly. It might look something like this:

<html>
    <head>
        <title>CSS and Tables</title.>
        <style type="text/css">
            table {
                height: 500px;
            }
            td {
                vertical-align: top;
                color: red;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td>CSS and Tables!</td>
            </tr>
        </table>
    </body>
</html>