Linenumber positioning in front of lines

[Jan Schneider]

Hi,

I already tried all positioning combinations I could think of without
succes. Here is what I try to achieve:

If want to have a floating text (no divs allowed, only spans) where
linenumber appear in front of the text lines (being indented a certain
space).

It should look like:

1 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
5 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
10 The quick brown fox jumps over the lazy dog

Of course, and this is probably the hard part ;-), if the lines wrap,
they should align with the rest of the text, not with with linenumbers.

Any help is very much appreciated.

Jan.

[Jim Dabell]

Jan Schneider wrote:

If want to have a floating text (no divs allowed, only spans) where
linenumber appear in front of the text lines (being indented a certain
space).

This should get you most of the way:

<URL:http://simon.incutio.com/demos/css/numbered-code-listings.html>

--
Jim Dabell

[Bertilo Wennergren]

Jan Schneider:

It should look like: 1 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
5 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
10 The quick brown fox jumps over the lazy dog Of course, and this is probably the hard part ;-), if the lines wrap,
they should align with the rest of the text, not with with linenumbers.

Do you mean like this?

1 The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
5 The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
The quick brown fox jumps over the
lazy dog
10 The quick brown fox jumps over the
lazy dog
Or like this?

1 The quick brown fox jumps over the
lazy dog The quick brown fox jumps
over the lazy dog The quick brown
fox jumps over the lazy dog The
5 quick brown fox jumps over the
lazy dog The quick brown fox jumps
over the lazy dog The quick brown
fox jumps over the lazy dog The
quick brown fox jumps over the lazy
10 dog The quick brown fox jumps over
the lazy dog The quick brown fox
jumps over the lazy dog The quick
brown fox jumps over the lazy dog
Or perhaps even like this?

1 The quick brown fox jumps over the
lazy dog The quick brown fox jumps
over the lazy dog The quick brown
fox jumps over the lazy dog The
quick brown fox jumps over the
5 lazy dog The quick brown fox jumps
over the lazy dog The quick brown
fox jumps over the lazy dog The
quick brown fox jumps over the lazy
dog The quick brown fox jumps over
the lazy dog The quick brown fox
10 jumps over the lazy dog The quick
brown fox jumps over the lazy dog
Or some other way?

--
Bertil Wennergren <be******@gmx.net> <http://www.bertilow.com>

[Stephen Poley]

On Mon, 30 Jun 2003 13:58:45 +0200, Jan Schneider <ja********@gmx.de>
wrote:

I already tried all positioning combinations I could think of without
succes. Here is what I try to achieve:

If want to have a floating text (no divs allowed, only spans) where
linenumber appear in front of the text lines (being indented a certain
space).

It should look like:

1 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
5 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
10 The quick brown fox jumps over the lazy dog

Of course, and this is probably the hard part ;-), if the lines wrap,
they should align with the rest of the text, not with with linenumbers.

Looks rather like a table to me. Any strong objections to using a table?

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[Jukka K. Korpela]

Jan Schneider <ja********@gmx.de> wrote:

I already tried all positioning combinations I could think of
without succes.
Maybe the explanation resides in the contradiction of terms.
Here is what I try to achieve:

If want to have a floating text (no divs allowed, only spans) where
linenumber appear in front of the text lines (being indented a
certain space).
Let me get this straight: You want to have text that _must not_ contain
<div> markup, only <span> (anything else allowed? no? real <span>ism),
yet it should be divided into what common people call "lines"?

So what is the mystical reason for requiring the use of markup that
contradicts the logical meaning?
1 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
5 The quick brown fox jumps over the lazy dog

That's very interesting, but what's your HTML markup? Have you got a
real reason for not making the line numbers part of the content proper,
i.e. do you insist on _not_ having them in the vast majority of
browsing situations at present?

You might consider using markup that lumps every five lines together,
but why don't you as well put the numbers there?

--
Yucca, http://www.cs.tut.fi/~jkorpela/

[Stephen Poley]

On Thu, 03 Jul 2003 16:10:15 +0200, Jan Schneider <ja********@gmx.de>
wrote:

Stephen Poley wrote:

On Mon, 30 Jun 2003 13:58:45 +0200, Jan Schneider <ja********@gmx.de>
wrote:

If want to have a floating text (no divs allowed, only spans) where
linenumber appear in front of the text lines (being indented a certain
space).

It should look like:

1 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
5 The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
10 The quick brown fox jumps over the lazy dog

Of course, and this is probably the hard part ;-), if the lines wrap,
they should align with the rest of the text, not with with linenumbers.

Looks rather like a table to me. Any strong objections to using a table?

Yes, it has to be floating text.

You can float a table. I don't see what the problem really is.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/