Convert table based webpage to css based

J

John Dalberg

Is there a tool that can convert a table based web page into a CSS based
one, while keeping the layout?
 
B

Beauregard T. Shagnasty

John said:
Is there a tool that can convert a table based web page into a CSS
based one, while keeping the layout?

No. I don't know of any tools that can make a good, valid CSS layout,
much less convert something else.

Suggest you start afresh, with a good text editor. I like Crimson
Editor. http://crimsoneditor.com It's free, too.
 
T

Travis Newbury

John said:
Is there a tool that can convert a table based web page into a CSS based
one, while keeping the layout?

Yes, it is called "you". Yes I am being facicious.
 
R

Richard

Is there a tool that can convert a table based web page into a CSS
based
one, while keeping the layout?

No problem with doing it yourself.
Each table cell is replaced with a "Division".
<table><tr><td>text</tf></td></table>
Is now replaced with <div>text</div>
Using styling, you tell the division how it's to be displayed and where.

<div id="sample" class="box" style="width:100px; height:100px;
background:white; border:1px solid blue; position:absoulute; top:50px;
left:50px; float:left;">

This creates a block 100 pixels high and wide, 50 pixels from the top left
corner of the window. It has a background color of white, with a solid blue
border of 1px width.
The float:left tells the division to be placed left of the next division,
text, or graphic.
And there are a few hundred other tricks to be played with as well.

You'll find plenty of good reading material about CSS divisions on the web.
 
O

Oli Filth

To the original poster, PLEASE don't listen to anything Richard says,
99.9% of the stuff he writes in this group is plain wrong or very bad
advice. Including what he's just written.
 
R

Richard

To the original poster, PLEASE don't listen to anything Richard says,
99.9% of the stuff he writes in this group is plain wrong or very bad
advice. Including what he's just written.

www.somestuff.batcave.net/box.html

I'll correct myself a little.
The reason for the float:left element was to show that it is part of the css
coding.
As the OP will learn, some things do not work as planned.
 
O

Oli Filth

Richard said:
www.somestuff.batcave.net/box.html

I'll correct myself a little.
The reason for the float:left element was to show that it is part of the css
coding.
As the OP will learn, some things do not work as planned.

I wasn't talking about just that. Recommending the use of absolute
positioning for each DIV (that used to be TDs) is an appalling mis-use
of HTML and CSS. Using tables is better than that.
 
L

Luigi Donatello Asero

Oli Filth said:
I wasn't talking about just that. Recommending the use of absolute
positioning for each DIV (that used to be TDs) is an appalling mis-use
of HTML and CSS. Using tables is better than that.



For the layout??!!
 
O

Oli Filth

Luigi said:
For the layout??!!

IMHO, yes using absolute positioning to lay everything out would be a
pain in the arse. You'd need to give each element a unique ID, then
within the CSS you'd need a separate section for each of these IDs, and
you'd have to screw about guessing pixels/percentages until it worked.
Then as soon as you changed the content of an element it'd all go wrong
again. Not particularly flexible or easy to maintain (unless I'm missing
something here. Anyone care to fill me in? ;) )

Plus it completely destroys the paradigm of fluid layouts that
automatically reflow as the browser window changes size.

At least with tables, this is all done automatically (to an extent).
 
L

Luigi Donatello Asero

Oli Filth said:
IMHO, yes using absolute positioning to lay everything out would be a
pain in the arse. You'd need to give each element a unique ID, then
within the CSS you'd need a separate section for each of these IDs, and
you'd have to screw about guessing pixels/percentages until it worked.
Then as soon as you changed the content of an element it'd all go wrong
again. Not particularly flexible or easy to maintain (unless I'm missing
something here. Anyone care to fill me in? ;) )

Plus it completely destroys the paradigm of fluid layouts that
automatically reflow as the browser window changes size.

At least with tables, this is all done automatically (to an extent).


May-be you are right about absolute positioning. But why should you want to
use it rather than
relative positioning?
I changed from frames to tables and from tables to CSS as much as it
concerns the layout ( in most cases)
 
O

Oli Filth

Luigi said:
May-be you are right about absolute positioning. But why should you want to
use it rather than
relative positioning?

I didn't say anything about relative positioning. :)
 
Joined
May 29, 2009
Messages
1
Reaction score
0
John Dalberg said:
Is there a tool that can convert a table based web page into a CSS based
one, while keeping the layout?


--
John Dalberg

I know this was eons ago, but I was having to deal with this today, and while googl'ing found this post. Thought I would post how to do it.

In Dreamweaver go to Modify>Convert>Tables to AP Divs.

You can also do it vise versa
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top