I found my old draft in which I think I tried what James is asking
about; I've posted a copy with the stylesheet so people can tell me if
this is what they mean.
http://people.uleth.ca/~daniel.odonnell/TEI-LVersion.htm
http://people.uleth.ca/~daniel.odonnell/floatingNotes.css
I had been experimenting with placing notes in various places: left,
right, slightly embedded (as in this example), and completely clear of
the left or right margin. All worked fine in IE4, NS4, and I believe
Opera. I've just checked in IE5 and NS7. I abandoned this method
because I decided endnotes weren't such a problem after all.
Notes 3-5 (beginning opposite paragraph 1.11 show what happens when the
content follows very close upon previous floating content. When I first
tried this, I had the material run through each other. I believe it is
float and clear that is keeping the content separate now, though I
haven't worked with this stylesheet in a while. The paragraph numbers
are also floating BTW.
These encodings are nowhere near valid HTML or CSS. The same technique
can work with valid transitional 4.01 HTML and valid CSS2, however.
-dan
P.S. Javascript tooltips are a thing of the past I believe now. The
content of the title attribute (available on most if not all display
elements in HTML) is rendered as a tooltip in most if not all current
browsers.
James Cummings wrote:
>Hi there.
>
>In displaying some text marked up in a TEI-'ish:
>
><p> This is a test only a test, if it were
>something interesting <add place="left">What a boring
>paragraph!</add> I would write a more interesting
>paragraph. But, then again, I never claimed to be
>a great fiction writer.</p>
>
>
>I've piped this through some xsl that replaces <add>
>with <span class="{@place}">, and want to display the
>resultant xhtml with CSS to have the marginal gloss
>physically on the left hand side of where it is supposed
>to be.
>
>If in the CSS, I set p as:
>
>p { display: block; margin-left: 20%; margin-right: 20%;
>margin-top:0%;margin-bottom:0%;padding: 5px; }
>
>Then I am able to float the marginal addition left
>with something like:
>
>.left { display:block; float: left; text-align:left;
>width: 19%; position:absolute; left:1%; font-size:65%; }
>
>This works fine... except in the cases where the marginal
>additions are in close proximity to each other, too long,
>or whatnot. Because the positioning is absolute they
>overwrite each other and just end up looking a mess.
>
>Does anyone have an xhtml/CSS2 solution to this? (Ignoring
>the obvious XSL-FO -> PDF route since the result needs to
>be html.) Am I missing something obvious?
>
>Many thanks.
>
>-James
>
>
>--
>Dr James Cummings, [log in to unmask], http://www.uea.ac.uk/~q503
>Cursus Project, School of Music, University of East Anglia,
>Norwich, Norfolk, NR4 7TJ, UK Tel:(01603)593-595
>
>
--
Daniel Paul O'Donnell, PhD
Associate Professor of English
University of Lethbridge
Lethbridge AB T1K 3M4
Tel. (403) 329-2377
Fax. (403) 382-7191
E-mail <[log in to unmask]>
Home Page <http://people.uleth.ca/~daniel.odonnell/>
|
