Web Hosting Talk







View Full Version : Convert HTML to Tables


RS Shamil
09-19-2009, 08:00 PM
Hello, I am in the middle of writing a script, however, I've writeen the site in full CSS and Divs, and would like to keep it that way.

I have a table,:


<table>
<tr>
<td>Day</td>
<td>Mon</td>
<td>Tues</td>
<td style="width: 25px">Wed</td>
<td>Thur</td>
<td>Fri</td>
</tr>
<tr>
<td>P1</td>
<td>P1Mon</td>
<td>P1Tues</td>
<td style="width: 25px">P1Wed</td>
<td>P1Thur</td>
<td>P1Fri</td>
</tr>
<tr>
<td>P2</td>
<td>P2Mon</td>
<td>P2Tues</td>
<td style="width: 25px">P2Wed</td>
<td>P2Thur</td>
<td>P2Fri</td>
</tr>
<tr>
<td>P2</td>
<td>P3Mon</td>
<td>P3Tues</td>
<td style="width: 25px">P3Wed</td>
<td>P3Thur</td>
<td>P3Fri</td>
</tr>
<tr>
<td>P4</td>
<td>P4Mon</td>
<td>P4Tues</td>
<td style="width: 25px">P4Wed</td>
<td>P4Thur</td>
<td>P4Fri</td>
</tr>
<tr>
<td>P3</td>
<td>P5Mon</td>
<td>P5Tues</td>
<td style="width: 25px">P5Wed</td>
<td>P5Thur</td>
<td>P5Fri</td>
</tr>
</table>


Now how would I covert that to CSS/Div layout?

Thanks

RS Shamil
09-19-2009, 08:23 PM
I've painfully done it:
http://home.shamil-nunhuck.co.uk/apps/table.php

dotflyer
09-20-2009, 11:25 PM
there is a online tool which generate code as per you need.
http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php

Teddy B.
09-21-2009, 08:28 AM
Why do you want to convert this to a non-table?

Tables are not bad!! Using tables for page layout is bad, using tables for tabular data is good!

klyre09
09-21-2009, 12:54 PM
I've tried doing that too before, when I thought I should completely turn the html tableless, even the tabled data. It works but, really kills time. Don't want to do it again. X(

benvangrootel
09-22-2009, 12:31 AM
Ahh tables, so simple yet so sucky. I wish CSS had a better/easier way to position divs.

califmerchant
09-29-2009, 10:42 PM
i still use tables for some things...they are still useful...

Ariolander
09-30-2009, 10:37 PM
How can divs be a lot easier to position? Aren't tables block level elements just like divs?

alexmike
10-02-2009, 02:59 AM
instead of table tags use div tags and control there positions and height width through css.