divs or table

I was wondering wether it would be better to rewrite this html code
(http://users.skynet.be/am036990/back...ges/links.html) so that
every list is kept in a separate div rather than making use of tables?

--
"Don't worry about people stealing your ideas. If your ideas are any good,
you'll have to ram them down people's throats."
-- Howard Aiken

GuyBrush Treepwood wrote:

I was wondering wether it would be better to rewrite this html code
(http://users.skynet.be/am036990/back...ges/links.html) so that
every list is kept in a separate div rather than making use of tables?

I usually think of true tabular data as associating information

across two dimensions like a tv schedule or the like.

Since there is no real use here for multiple rows, I don't
really see how this is semantically a table. The three lists
don't even need to be on the single row they are now on -- and
the page might be the better for it.
--
mbstevens
http://www.mbstevens.com/cgi/mkatt.p...ique_Generator

On Tue, 20 Sep 2005 13:14:28 +0000, mbstevens wrote:

GuyBrush Treepwood wrote:
I was wondering wether it would be better to rewrite this html code
(http://users.skynet.be/am036990/back...ges/links.html) so that
every list is kept in a separate div rather than making use of tables?

I usually think of true tabular data as associating information
across two dimensions like a tv schedule or the like.

Since there is no real use here for multiple rows, I don't
really see how this is semantically a table. The three lists
don't even need to be on the single row they are now on -- and
the page might be the better for it.

Yes, indeed. That's what I think too. But I'm not yet a real expert with
css, and I don't see how the lists can be positioned like I want it. When
I place every list in a separate div of class "linklist" and do

div.linklist {
float: left;
}

Now, when I resize my browser window (firefox), the rightmost div goes
down, but not under the leftmost div, but under the middle div. I read
this is the expected behavior of float, but I do not see a way to place it
under the leftmost div.

--
"Don't worry about people stealing your ideas. If your ideas are any good,
you'll have to ram them down people's throats."
-- Howard Aiken

GuyBrush Treepwood wrote:

On Tue, 20 Sep 2005 13:14:28 +0000, mbstevens wrote:


GuyBrush Treepwood wrote:

I was wondering wether it would be better to rewrite this html code
(http://users.skynet.be/am036990/back...ges/links.html) so that
every list is kept in a separate div rather than making use of tables?


I usually think of true tabular data as associating information
across two dimensions like a tv schedule or the like.

Since there is no real use here for multiple rows, I don't
really see how this is semantically a table. The three lists
don't even need to be on the single row they are now on -- and
the page might be the better for it.


Yes, indeed. That's what I think too. But I'm not yet a real expert with
css, and I don't see how the lists can be positioned like I want it. When
I place every list in a separate div of class "linklist" and do

div.linklist {
float: left;
}

Now, when I resize my browser window (firefox), the rightmost div goes
down, but not under the leftmost div, but under the middle div. I read
this is the expected behavior of float, but I do not see a way to place it
under the leftmost div.

I would start with a working template and modify it a piece at a
time to fit my needs. Three column and four column templates
are available many places. My favorite is realworldstyle.com.
Others prefer bluerobot.com, meyerweb.com, glish.com, oswd.com
and others. Google "CSS templates" and such. Also note that any
template that applies to a whole page can also be applied, with
some minimal changes, to a div. If you start with a good
looking and validating template, it is easy to keep it that way.
Just don't change too many things at one time, keep backups of
the previous version, and validate often.

GuyBrush Treepwood wrote:

div.linklist { float: left; }

Now, when I resize my browser window (firefox), the rightmost div goes
down, but not under the leftmost div, but under the middle div. I read
this is the expected behavior of float, but I do not see a way to place it
under the leftmost div.

Reverse the order of the divs. Floating an object causes it to behave

as an <img> would.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

On Tue, 20 Sep 2005 11:04:35 -0700, Jim Moe wrote:

GuyBrush Treepwood wrote:

div.linklist { float: left; }

Now, when I resize my browser window (firefox), the rightmost div goes
down, but not under the leftmost div, but under the middle div. I read
this is the expected behavior of float, but I do not see a way to place it
under the leftmost div.

Reverse the order of the divs. Floating an object causes it to behave
as an <img> would.

The rightmost left and the left most right?

--
"Don't worry about people stealing your ideas. If your ideas are any good,
you'll have to ram them down people's throats."
-- Howard Aiken

GuyBrush Treepwood wrote:

Reverse the order of the divs. Floating an object causes it to behave
as an <img> would.

The rightmost left and the left most right?

No. I meant the textual placement of the divs in the code. In the HTML

document insert <div id="linklist" ...> before the other div.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)