468,458 Members | 1,745 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,458 developers. It's quick & easy.

<ol> to spread over two columns

Hi!

Is the following possible?

********1.*one***3.*three
********2.*two***4.*four

And if so, how? If not, an offset attribute should be added to the next
version of XHTML:

<table>
<tr>
<td>
<ol>
<li>one</li>
<li>two</li>
</ol>
</td>
</tr>
<tr>
<td>
<ol offset="2">
<li>three</li>
<li>four</li>
</ol>
</td>
</tr>
</table>

Regards
Timo
Jul 20 '05 #1
4 5723
Timo Nentwig wrote:
Hi!

Is the following possible?

1. one 3. three
2. two 4. four
#three{
float:right;
}
#four{
float:right;
clear:right;
}

In CSS3 we get 'float:top;' I believe, which would make it easier.
[snip]


Tables shouldn't be used for layout. And I think we already have a START
attribute.

--
Anne van Kesteren
<http://www.annevankesteren.nl/>
Jul 20 '05 #2
Anne van Kesteren <ma**@annevankesteren.nl> writes:
Timo Nentwig wrote:
Is the following possible?
1. one 3. three
2. two 4. four
#three{
float:right;
}
#four{
float:right;
clear:right;
}


Wouldn't that give
1
2
3
4

Tables shouldn't be used for layout. And I think we already have a
START attribute.


Yes. So
<div style="float: left;"><ol><li>...</li>...</ol></div>
<div><ol start="3"><li>...</li>...</ol></div>

1 2
3 4

is somewhat easier to do just by floating and clearing alternate
<li>s. Though it messes up the bullets in <ul> for IE, not tried it
with <ol>.

--
Chris
Jul 20 '05 #3
Timo Nentwig <tc*@spamgourmet.com> wrote:
Is the following possible?

********1.*one***3.*three
********2.*two***4.*four


Yes, e.g. by making a two by two table or, better (for linearizability)
a two-cell table:

<table><tr>
<td><ol><li>...<li>...</ol></td>
<td><ol start="3"><li>...<li>...</ol></td>
</tr></table>

However, although this linearizes well in a browser that converts the
markup adequately into plain text or speech or Braille, it probably
confuses people who use a screen reader or a graphic browser visually.
We are used to reading Web pages rowwise.

Besides, you were probably looking for some simple automatic way.
Sorry, no way, not even in CSS (as currently defined and implemented).
In CSS you could somewhat clumsily (with classes) probably format a
<ol> list that way, but you would need to decide which items go into
the second column.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #4
in post: <news:bv************@ID-18956.news.uni-berlin.de>
Timo Nentwig <tc*@spamgourmet.com> said:
Hi!


hello

Crosspost, don't multipost
http://oakroadsystems.com/genl/unice.htm#xpost
Why and how to crosspost
http://www.cs.tut.fi/~jkorpela/usenet/xpost.html
--
brucie - i usenet nude
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Gregor Horvath | last post: by
2 posts views Thread by Lindsey | last post: by
8 posts views Thread by Michael | last post: by
2 posts views Thread by Novice | last post: by
1 post views Thread by Dan Jacobson | last post: by
4 posts views Thread by maya | last post: by
2 posts views Thread by Verona Busch | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.