Prev: Photo Gallery: Ping Dorayme
Next: Which CSS apply to <frameset> and <frame>?
From: Axel Dahmen on 19 Mar 2010 23:01
Hello,

in the current WD on CSS3 Lists I am missing a list-style-type of <string>.

It doesn't seem to be easily possible to create lists with any arbitrary
character (sequence), e.g.:

* foo
* bar

or

» foo
» bar


So I'd like to suggest to expand the list-style-type property definition to:

<glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> |
<non-repeating> | <string> | normal | none


RFC

Axel Dahmen

From: Jonathan N. Little on 20 Mar 2010 12:55
Axel Dahmen wrote:
> Hello,
>
> in the current WD on CSS3 Lists I am missing a list-style-type of <string>.
>
> It doesn't seem to be easily possible to create lists with any arbitrary
> character (sequence), e.g.:
>
> * foo
> * bar
>
> or
>
> » foo
> » bar
>
>
> So I'd like to suggest to expand the list-style-type property definition
> to:
>
> <glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> |
> <non-repeating> | <string> | normal | none
>
>

Already can to in CSS2.1


ul.with_character { list-style: none; }
ul.with_character li:before { content: "» "; }


<ul class="with_character">
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
</ul>

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
From: Axel Dahmen on 20 Mar 2010 13:14
Yes, John, I agree.... But basically _disabling_ a list first and then
adding some arbitrary :content to the <li> element is more a workaround than
a clean implementation.

I tend to believe that this kind of list style should be more intrinsic to a
true list.

What would be your thoughts about it?

Cheers,
Axel Dahmen









-----------------
"Jonathan N. Little" <lws4art(a)gmail.com> schrieb im Newsbeitrag
news:ho2ukp$8r5$1(a)news.eternal-september.org...
> Axel Dahmen wrote:
>> Hello,
>>
>> in the current WD on CSS3 Lists I am missing a list-style-type of
>> <string>.
>>
>> It doesn't seem to be easily possible to create lists with any arbitrary
>> character (sequence), e.g.:
>>
>> * foo
>> * bar
>>
>> or
>>
>> » foo
>> » bar
>>
>>
>> So I'd like to suggest to expand the list-style-type property definition
>> to:
>>
>> <glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> |
>> <non-repeating> | <string> | normal | none
>>
>>
>
> Already can to in CSS2.1
>
>
> ul.with_character { list-style: none; }
> ul.with_character li:before { content: "» "; }
>
>
> <ul class="with_character">
> <li>Foo</li>
> <li>Bar</li>
> <li>Baz</li>
> </ul>
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com

From: Lars Eighner on 21 Mar 2010 04:42
In our last episode, <ho2vpd$ith$1(a)online.de>, the lovely and talented Axel
Dahmen broadcast on comp.infosystems.www.authoring.stylesheets:

> Yes, John, I agree.... But basically _disabling_ a list first

I don't agree that the list has been disabled. The list is in the
markup. It hasn't gone away. It has all of its structural properties.

What is being "disabled" is one rendering, and it is being replaced by
another. No elements harmed.

> and then
> adding some arbitrary :content to the <li> element is more a workaround than
> a clean implementation.

> I tend to believe that this kind of list style should be more intrinsic to
> a true list.

There is nothing intrinsic about style.

> What would be your thoughts about it?

--
Lars Eighner <http://larseighner.com/> Warbama's Afghaninam day: 109
2624.6 hours since Warbama declared Viet Nam II.
Warbama: An LBJ for the Twenty-First century. No hope. No change.
From: Thomas 'PointedEars' Lahn on 21 Mar 2010 09:22
Jonathan N. Little wrote:

> Axel Dahmen wrote:
>> in the current WD on CSS3 Lists I am missing a list-style-type of
>> <string>.
>>
>> It doesn't seem to be easily possible to create lists with any arbitrary
>> character (sequence), e.g.:
>>
>> * foo
>> * bar
>>
>> or
>>
>> » foo
>> » bar
>>
>>
>> So I'd like to suggest to expand the list-style-type property definition
>> to:
>>
>> <glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> |
>> <non-repeating> | <string> | normal | none
>
> Already can to in CSS2.1
>
> ul.with_character { list-style: none; }
> ul.with_character li:before { content: "» "; }

That is not the same as the OP's suggestion as you can readily see when
there is a word-wrap in a list element. The word-wrapped content would
align with the list-item marker when it should align with the first word of
the content instead.

While there is the possibility to use images as list-item markers (`list-
style-image: url(...)'), images have the shortcomings that they do not
scale with or position according to font-size (only when the entire
viewport content is zoomed), and that they require yet another HTTP
request, which places more burden on the Web server or filesystem and slows
down rendering of the document. So there really should be a way to make
use of arbitrary Unicode characters for list-item markers.

That said, ISTM that section 6 to 9 of the current CSS3 Lists draft in
combination with the current CSS3 Generated and Replaced Content draft
would allow that already:

ul.with-character li::marker {
content: "»";
}

<http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-content1>
<http://www.w3.org/TR/2003/WD-css3-content-20030514/#block>

(Neither Gecko nor WebKit [which so far appeared to be foremost in CSS 3
support] appear to support this yet. Test case:
<http://PointedEars.de/styles/test/list-marker>)

In any case, the OP should post his suggestions to the www-style(a)w3.org
mailing list where Working Group members and other interested individuals
read. (Of course, they would have to abandon their antisocial standards-
violating practice of using invalid address headers to do that.) CSS3
Lists is still an early working draft, so there is hope for change yet.


PointedEars
--
Prototype.js was written by people who don't know javascript for people
who don't know javascript. People who don't know javascript are not
the best source of advice on designing systems that use javascript.
-- Richard Cornford, cljs, <f806at$ail$1$8300dec7(a)news.demon.co.uk>
 |  Next  |  Last
Pages: 1 2 3 4 5
Prev: Photo Gallery: Ping Dorayme
Next: Which CSS apply to <frameset> and <frame>?