472,959 Members | 1,885 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,959 software developers and data experts.

<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 5972
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Gregor Horvath | last post by:
Hi, Before I reinvent the wheel I`d like to ask if someone has done this before since I did not find an advice at Google. The goal is to create a dynamic Tree View in HTML. Say I have a...
2
by: Lindsey | last post by:
Hi I just wanted to know if you are using <ol> tags in HTML can you specify which number to start at. E.g Instead of 1. blad bla 2. bla bla
8
by: Michael | last post by:
This is a two-part question to which I haven't been able to find an answer anywhere else. 1. Is it possible to format the bullet/number character of the <li>? In my styles sheet, I have the <li>...
2
by: Novice | last post by:
Hi all, I'm wondering if there is an easy way to create ordered lists of different types - for example I can get the following: 1. one 2. two from: <ol> <li> one <li> two </ol>
1
by: Dan Jacobson | last post by:
How does one get "5.6.4" with <OL>..<OL>..<OL>..<LI>?, at most I can get is "4". Oh, on http://www.w3.org/TR/REC-CSS1, I see they've hardwired it into the page, so one must use some preprocessor....
4
by: maya | last post by:
I need each paragr (i.e., each <li>) to have a blank line afterwards, like this.. 1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore...
2
by: Verona Busch | last post by:
Hi everybody, i'm asking myself, if there's a way to assign css border: to just the numbers of my order list <ol>. If there's no way, there might be a way to use background-image: like to use...
1
by: jasonchan | last post by:
How do you align <ol> and <ul> elements when they are contained in a floated box? Here is my website: http://geocities.com/jasonchan483/ Here's my problem. The markers of the lists are...
3
by: Man-wai Chang | last post by:
A 2 columns x 10 rows matrix input form <ul> <li> <ul> <li>item name 1 <li><input type="textbox" name="input_col_1_row_1"> <li><input type="textbox" name="input_col_1_row_2"> </ul> <li>
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.