Geoff Lane wrote:
On Friday, September 24, 2010, 6:12:06 AM, Thierry Koblentz wrote:
The technique used on Wikipedia won't give you the wrapping you want.
What about using two spans and using this approach:
<li><span class="num">2.1.1.2</span><span class="text">It shall be construed
a crime against humanity to recover an ancient musical instrument from a
secluded cave and subsequently play it in front of others.</span></li>
.legal li li {padding-left: 4em;}
.legal li span.num {float: left; margin-right: .3em; }
.legal li span.text {display: block; overflow: hidden; zoom: 1;}
---
Thanks Thierry. I've just tried your suggestion. Unfortunately, in
Firefox 3.6 both the automatic and manual numbering appear and in
Internet Explorer 8 I get the manual numbering stacked above the
paragraph text rather than to its left.
So:
(FF)
1. 1. Blah-de-blah.
(IE)
1.
Blah-de-blah.
Just in case I've misunderstood and for info, I copied your text to
the head of my document (which is HTML 4.01 Transitional)
Hello Geoff,
Please check this article about doctypes [1].
This doctype,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
triggers quirks mode [2] in all browsers. IE8 quirks mode is the same
as IE5 quirks mode. One thing which you face straight away is the box
model differences [3]. This would have an impact here.
.legal li li {padding-left: 4em;}
Is the markup ok enough to give this doctype.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
1. <http://hsivonen.iki.fi/doctype/>
2. <http://www.quirksmode.org/css/quirksmode.html>
3. <http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
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/
