J
John Dalberg
Is there a tool that can convert a table based web page into a CSS based
one, while keeping the layout?
one, while keeping the layout?
B
Beauregard T. Shagnasty
John said:
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:
Yes, it is called "you". Yes I am being facicious.
R
Richard
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.
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
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:
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:
For the layout??!!
O
Oli Filth
Luigi 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).
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:
I didn't say anything about relative positioning.
- Joined
- May 29, 2009
- Messages
- 1
- Reaction score
- 0
John Dalberg said:
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