On 9/24/10 1:53 AM, Geoff Lane wrote:
On Thursday, September 23, 2010, 8:10:48 PM, Eric A. Meyer wrote:

     In theory you could do it with a combination of ::marker and CSS
counters.  In practice, nobody ever implemented ::marker.  And I
agree with the assertions made in the link from David H.'s post, that
you want the numbering in the HTML source instead of auto-generated
(at least for legal documents).   [...]
---

Thanks for your help, guys. I've cracked the layout provided that (as
David suggested) I hard-code the paragraph numbering. My solution
"page paints" rather than uses proper semantics, and so goes against
most of what's instinctive to me as a technical writer! The trick
seems to be to use paragraphs rather than proper lists so that the
automatic numbering doesn't appear.

Only two styles are used:
         span.num {
                 float: left;
                 margin-right: 1em;
                 }
         span.text {
                 display: block;
                 overflow: hidden;
                 zoom: 1;
                 }

In the body:

   <p><span class="num">1.</span>
   <span class="text">Blah blah blah<br>
     <span class="num">1.1</span>
     <span class="text">Blah blah blah</span>
[...]

That markup may be difficult for a screen reader to digest.
I'd stick with a list if I were you (and clobber the list
markers/numbers with list-style-type: none.)

Cordially,
David
--
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to