- From: Bert Bos <Bert.Bos@sophia.inria.fr>
- Date: Mon, 11 May 1998 18:59:57 +0200 (MET DST)
- To: Ian Hickson <exxieh@bath.ac.uk>
- Cc: www-style@w3.org
Ian Hickson writes:
> Here is a list of errors and typos in section 12
> (http://www.w3.org/TR/PR-CSS2/generate.html) of the proposed recommendation.
> Oh, and at the bottom is an idea for CSS3.
>
> ***********************************************
>
> >From section 12.1:
> >P.note:before { content: "Note: ";
> > border: solid green}
> >
> >would cause a solid green border to be rendered
> >around the entire paragraph, including the initial string.
>
> I disagree. To get the effect described one would use
>
> P.note:before { content: "Note: "; }
> P.note { border: solid green; }
Corrected.
>
> ***********************************************
>
> Row 4 of the table above 12.4.2
> There is a "<" in the source which should be 'escaped' as <
Corrected.
>
> ***********************************************
>
> The comment above 12.5.1 illustrates a major drawback of the counter
> scheme - what if you do not control all of the stylesheets? Is there a way
> around this? (I can't think of one offhand)
>
> The comment in question is:
> > The 'counter-reset' property follows the cascading
> > rules. Thus, due to cascading, the following stylesheet:
> >
> > H1 {counter-reset: section -1}
> > H1 {counter-reset: imagenum 99}
> >
> > will only reset 'imagenum'. To reset both counters,
> > they have to be specified together:
> >
> > H1 {counter-reset: section -1 imagenum 99}
That's right, and I don't know a way around it either.
>
> ***********************************************
>
> The second example in section 12.4 has the rather exotic style sheet:
> > LI:before
>
> > display: marker;
> > content: "(" numeric(counter) ")";
> > width: 6em;
> > text-align: center;
> > }
> ...which should actually be:
> LI:before
>
> display: marker;
> content: "(" counter(counter) ")";
> /*^^^^^^^*/
> counter-increment: counter;
> /*^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
> width: 6em;
> text-align: center;
> }
Corrected.
>
> ***********************************************
>
> The fourth example also uses the mysterious "numeric()" function (which
> should be changed to counter()).
Corrected.
>
> ***********************************************
>
> Will CSS3 offer a way of refering to another elements counter?
I hope so. This is on my list under the general notion of
cross-references. They may refer to counters, but also to page numbers
("see equation 6 on page 23" or "see equation 6 on this page")
But as you note, this is probably not just a CSS issue: it needs some
markup.
>
> I need to mention an image's caption. This is how I would mark it up (I've
> used an imaginary XML language since I can't see of any way of doing this in
> HTML4):
>
> <IMG SRC="apicture.png" ID=thepic/>
> <PARA>
> Here we discuss the points raised in <REF REFID=thepic/>. There is nothing
> special to mention.
> </PARA>
>
> Using the following style sheet:
>
> PARA { display: block; }
>
> IMG { float: left; background: attr(SRC);
> counter-increment: figures;
> padding: 10px; }
> IMG[SRC=apicture.png] { width: 200px; height: 200px; }
> IMG:before { content: "Fig " counter(figures); }
>
> REF:before { content: "figure " proxycounter(attr(REFID), figures); }
>
> /* proxycounter is the only addition here, all the rest is valid with
> CSS2-PR */
>
> Would hopefully make something looking like:
>
> +--------+ Here we
> |*Fig 1 *| discuss
> |*** *| the points
> |**** **| raised in
> |********| figure 1.
> +--------+ There is
> nothing special to
> mention.
>
> ***********************************************
Thanks,
Bert
--
Bert Bos ( W 3 C ) http://www.w3.org/
http://www.w3.org/people/bos/ W3C/INRIA
bert@w3.org 2004 Rt des Lucioles / BP 93
+33 (0)4 92 38 76 92 06902 Sophia Antipolis Cedex, France
Received on Monday, 11 May 1998 13:13:35 UTC