By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,822 Members | 729 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,822 IT Pros & Developers. It's quick & easy.

<ol> to spread over two columns

P: n/a
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
Share this Question
Share on Google+
4 Replies


P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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.