RE: (WW) Looking for a volunteer ot two!

Thanks a lot.  I appreciate the direction.  I come to the question of audience.  For people using the reference to help them learn, a statement to the effect "Different styles at different list levels can be easily effected using Selectors."  Then I'll run off and learn about Selectors, and might figure out that this is a matter of descendants, but without having seen the example below, I don't think I would have understood how the selection of levels works, nor would the descendants discussion have made much sense to me.  I'll take another look at the CSS tutorial materials and see if it is clear there.

Thanks,

David R. Herz
wpd@theherzes.com


-----Original Message-----
From: Max Polk [mailto:maxpolk@gmail.com] 
Sent: Friday, May 17, 2013 5:59 AM
To: wpd@theherzes.com
Cc: Chris Mills; Eliot Graff; Webplatform mailing list
Subject: Re: (WW) Looking for a volunteer ot two!

Using CSS selectors, you could do this:

ol.X {
    list-style-type: upper-roman;
}
ol.X ol {
    list-style-type: upper-latin;
}
ol.X ol ol {
    list-style-type: lower-roman;
}
ol.X ol ol ol {
    list-style-type: disc;
}
ol.X ol ol ol ol {
    list-style-type: url("images/dot.gif"); }

You specify the class only once (see class="X") at the top level to trigger all of the above to occur:

<ol class="X">
  <li>There is no Jurisdiction</li>
  <ol>
    <li>There is no Personal Jurisdiction</li>
    <ol>
      <li>Service was Improper</li>
      <li>Proof of Service was never filed</li>
    </ol>
    <li>There is no In Rem Jurisdiction</li>
  </ol>
</ol>

CSS selectors is the way to go!  :-)


On Thu, May 16, 2013 at 2:30 PM, David R. Herz <WPD@theherzes.com> wrote:
> I know how I would implement this by setting classes with different styles and then having a class="level1" etc. in my <ol> or <ul> tag.  That I agree is implementation/tutorial type stuff.  I want to know if there is a specific CSS syntax for setting the style of various levels of a list without resort to such a cumbersome structure.
>
> I am now clear I can't run a string of types expecting each to refer to a different level, as I tried to do with:
>
> ol 
> {list-style-type:upper-roman,upper-latin,lower-roman,disc,url("images/
> dot.gif");
>
> There is also obviously no syntax akin to:
>
> Ol {list-style-type-0:upper-roman;
>     list-style-type-1:upper-latin;}
>
> where the number corresponds to the degree of nesting of the list
>
> So I guess what I want is something telling me that something that I thought should obviously be there isn't, or simply telling me that to achieve different stylings at different levels, I should use classes.
>
> But perhaps I am running in a contrary direction to what is intended here.  If this is strictly intended as a reference to document what is out there so that a person can decipher code, it doesn't need to do more than describe what is there.  If it intends to give people direction in implementation, the usage guide could indicate that nesting different styles must be done with class or id definitions.
>
> David R. Herz
> wpd@theherzes.com
>
>
> -----Original Message-----
> From: Chris Mills [mailto:cmills@opera.com]
> Sent: Thursday, May 16, 2013 7:38 PM
> To: wpd@theherzes.com
> Cc: Eliot Graff; public-webplatform@w3.org
> Subject: Re: (WW) Looking for a volunteer ot two!
>
> There is a section in each of the reference pages called "Usage", which is intended for quick tips on using the property (or whatever) in question, but this is for short general tips, rather than detailed implementation/tutorial type stuff. Some of the things you mention could probably fit in there, but more detailed information would have to be included in a tutorial article linked from the reference.
>
> Chris Mills
> Opera Software, dev.opera.com
> W3C Fellow, web education and webplatform.org Author of "Practical 
> CSS3: Develop and Design" (http://goo.gl/AKf9M)
>
> On 16 May 2013, at 17:33, "David R. Herz" <WPD@theherzes.com> wrote:
>
>> Even as a reference, shouldn't it tell me if I can mix styles, or point me to how one would set different styles for different levels of a particular list, or just tell me that different level styles of the same list must be done with resort to the creation of classes?
>>
>> David R. Herz
>> wpd@theherzes.com
>>
>>
>> -----Original Message-----
>> From: Chris Mills [mailto:cmills@opera.com]
>> Sent: Thursday, May 16, 2013 2:16 PM
>> To: wpd@theherzes.com
>> Cc: 'Eliot Graff'; public-webplatform@w3.org
>> Subject: Re: (WW) Looking for a volunteer ot two!
>>
>> That's more tutorial kind of content really David - the articles we're working on currently as pure reference docs. But your input is still very much appreciated.
>>
>> The following article has a wealth of detail on styling lists ( and
>> links)
>>
>> http://docs.webplatform.org/wiki/Styling_lists_and_links
>>
>> But it is a bit long winded, so I'm aiming to pull it apart and turn it into shorter separate articles soon…when I get the time of course. Perhaps you coujld add your notes below to this one, as editorial notes?
>>
>> All the best,
>>
>> Chris Mills
>> Opera Software, dev.opera.com
>> W3C Fellow, web education and webplatform.org Author of "Practical
>> CSS3: Develop and Design" (http://goo.gl/AKf9M)
>>
>> On 16 May 2013, at 02:44, David R. Herz <WPD@theherzes.com> wrote:
>>
>>> I am certainly willing to look, but am not an expert on the technical.  However, I might raise questions the answers to which you will take for granted. For instance, can I define the images or stylings of multiple levels of a list without resort to separate class definitions and calls to the class on each particular level?
>>>
>>> Say I have a document with headings:
>>>
>>> I.   There is no Jurisdiction
>>> A.   There is no Personal Jurisdiction
>>>      i.      Service was Improper
>>>      ii.     Proof of Service was never filed
>>> B.   There is no In Rem Jurisdiction
>>>
>>> Can I set a single style definition that gives me different results at each level of the list (such as ol {list-style-type:upper-roman,upper-latin,lower-roman,disc,url("images/dot.gif");}, where each comma separated type is a separate level, and some levels have no numbers, and some use images even, or define some custom number set), or must I, within the HTML document, set a separate class at each level in the document, or is this something that ought to be done with a script instead?  If I later want to promote or demote something to a different level, it seems silly to have to go in and change classes in my HTML to do so.
>>>
>>>
>>> David R. Herz
>>> wpd@theherzes.com
>>>
>>> From: Eliot Graff [mailto:Eliot.Graff@microsoft.com]
>>> Sent: Thursday, May 16, 2013 12:20 AM
>>> To: public-webplatform@w3.org
>>> Subject: (WW) Looking for a volunteer ot two!
>>>
>>> Hi Everyone.
>>>
>>> I’m the coordinator for four itsy bitsy CSS property pages [1] and 
>>> am looking for some volunteers to help fill in and verify our 
>>> content for this Web Platform Wednesday. [2]
>>>
>>> Here, let me make a list of the properties:
>>> 1.  list-style
>>> ☺  list-style-image
>>>                              * list-style-position
>>> -    list-style-type
>>>
>>> Please send me a quick note if you have a few minutes to pitch in and Doc the Web!
>>>
>>> Thanks,
>>>
>>> Eliot
>>>
>>> [1]
>>> http://docs.webplatform.org/wiki/Meta:web_platform_wednesday/2013-05
>>> -
>>> 1
>>> 5#List-style_properties [2]
>>> http://docs.webplatform.org/wiki/Meta:web_platform_wednesday
>>>
>>
>>
>
>

Received on Friday, 17 May 2013 06:48:01 UTC