473,416 Members | 1,578 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,416 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 6000
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>
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

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.