8 7221
> .... The lines with endnote numbers are spaced farther from the line above than the regular lines... Is there a fix
I've noticed that too when I use <sup>. The fix would probably be to
increase the linespacing so one line will hold both text and super (or sub)
script.
BTW, in your example page, in the footnotes I would add a jump back into the
text; e.g. in the .htm code near the note 2, I would add <a name="note2">
and in the nr2 footnote a <a href="#note2">2</a> to jump back;
This makes it easier to continue reading the main text after jumping to a
footnote.
-----------
MH
Paul Wake <my**********@xmission.com> wrote: I have some endnotes in http://www.xmission.com/~wake/utahjuvenilelaw.html and to do so included the endnote numbers as superscript in the text of the article.
It's better to use numbers in brackets without superscripting.
The lines with endnote numbers are spaced farther from the line above than the regular lines, and the whole thing ends up looking odd.
That's what often happens when superscripts are used. There are several
things that affect this, including the way browsers implement
superscripts. The CSS properties line-height, font-size, and
vertical-align might be used to change this. But it's better to avoid
the problem by not using superscripts, as explained at http://www.cs.tut.fi/~jkorpela/www/fn.html
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
In article <br**********@terabinaries.xmission.com> in
comp.infosystems. www.authoring.html, Paul Wake wrote: I have some endnotes in http://www.xmission.com/~wake/utahjuvenilelaw.html and to do so included the endnote numbers as superscript in the text of the article. The lines with endnote numbers are spaced farther from the line above than the regular lines, and the whole thing ends up looking odd. Is there a fix I'm missing?
Within HTML, no.
Within CSS, yes. Set the line-height property to be large enough for
text plus superscipts. Be aware: If most lines don't have
superscripts, this will make your page take up more paper on
printing, and will require more scrolling for the screen viewer.
--
Stan Brown, Oak Road Systems, Cortland County, New York, USA http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
On Fri, 19 Dec 2003 17:17:31 -0500, Stan Brown
<th************@fastmail.fm> wrote: In article <br**********@terabinaries.xmission.com> in comp.infosystems.www.authoring.html, Paul Wake wrote:I have some endnotes in http://www.xmission.com/~wake/utahjuvenilelaw.html and to do so included the endnote numbers as superscript in the text of the article. The lines with endnote numbers are spaced farther from the line above than the regular lines, and the whole thing ends up looking odd. Is there a fix I'm missing?
Within HTML, no.
Within CSS, yes. Set the line-height property to be large enough for text plus superscipts.
It involves a little more than that, because the line-heights of normal
text and superscripts add up. See the page I mentioned for examples.
--
Stephen Poley http://www.xs4all.nl/~sbpoley/webmatters/
In article <2c********************************@4ax.com> in
comp.infosystems. www.authoring.html, Stephen Poley wrote: On Fri, 19 Dec 2003 17:17:31 -0500, Stan Brown <th************@fastmail.fm> wrote:Within CSS, yes. Set the line-height property to be large enough for text plus superscipts.
It involves a little more than that, because the line-heights of normal text and superscripts add up. See the page I mentioned for examples.
Namely: http://www.xs4all.nl/~sbpoley/webmat...erscripts.html
Yes, I see now that you are right. Thanks for correcting me!
Jukka uses vertical-align, at http://www.cs.tut.fi/~jkorpela/math/index.html#subsup
But either way, merely changing the line-height of the paragraph
text, as I suggested, is not sufficient.
--
Stan Brown, Oak Road Systems, Cortland County, New York, USA http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Stan Brown <th************@fastmail.fm> wrote: In article <2c********************************@4ax.com> in comp.infosystems.www.authoring.html, Stephen Poley wrote:On Fri, 19 Dec 2003 17:17:31 -0500, Stan Brown <th************@fastmail.fm> wrote:Within CSS, yes. Set the line-height property to be large enough for text plus superscipts.
It involves a little more than that, because the line-heights of normal text and superscripts add up. See the page I mentioned for examples.
Namely: http://www.xs4all.nl/~sbpoley/webmat...erscripts.html
Yes, I see now that you are right. Thanks for correcting me!
Jukka uses vertical-align, at http://www.cs.tut.fi/~jkorpela/math/index.html#subsup
But either way, merely changing the line-height of the paragraph text, as I suggested, is not sufficient.
How about this:
sup { vertical-align: baseline;
font-size: 70%;
position: relative;
top: -.5em;
}
sub { vertical-align: baseline;
font-size: 70%;
position: relative;
top: +.25em;
}
It seems to work well in IE6 and Mozilla.
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
"Harlan Messinger" <h.*********@comcast.net> wrote in message
news:7s********************************@4ax.com...
See examples of before and after addition of custom rules for handling <sup>
and <sub> in http://mywebpages.comcast.net/hmessinger/supsub.html http://mywebpages.comcast.net/hmessinger/supsubnew.html
I adjusted the styles in supsubnew.html relative to the ones I provided in
my previous posting:
sup { vertical-align: baseline; font-size: 90%; position: relative;
top: -.4em; }
sub { vertical-align: baseline; font-size: 90%; position: relative; top:
+.3em; }
Expressions using these are in red. Note the ones with nested <sup>s. Better
than IE's default handling, IMO.
Anyway, these complete fix the line height unevenness problem in IE6,
Firebird, Opera, Netscape 7. With double <sup>ing, of course, one line runs
into another so an overall increase in the line height would be warranted,
but not to correct uneven spacing. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Hal Vaughan |
last post by:
I'm testing a GUI app on a couple Linux boxen and one Win2k box. I'm using
Java 1.4.2 on each (or the closest on Win2k -- whatever version comes
close). On one Linux box and the Win2k box the...
|
by: Ben Sharvy |
last post by:
In order to do superscripts, for footnotes, I used the following
class:
..fnote {vertical-align: super; font-size: smaller;}
(It's always in an anchor, e.g. <a class="fnote" etc.>1</a>
...
|
by: John |
last post by:
Now and again I like to start a sentence with a large capital, maybe
in a different font. This upsets the line spacing and I've failed to
find any css that will effectively crop the capital letter...
|
by: Danny |
last post by:
I have a small <div> element which contains two text blocks - one within
<h5> tags and the other within <p> tags.
I don't want any extra line spacing between elements so use the
display:inline...
|
by: Andrew Poulos |
last post by:
If I have a text INPUT within a block of text how do I 'correct' for the
line spacing. The line spacing above and below the INPUT is larger than
the line spacing generally:
<div...
| |
by: cbart |
last post by:
Using standard ComboBox for dropdown lists. Need
superscripts for units, e.g., ft3, in2, etc. How get
superscripts into text?
|
by: Haines Brown |
last post by:
I have a style for a list:
dl { line-height: 1; margin-bottom: 1em; }
But the W3C CSS validator says:
Line: 124 Context : dl
Invalid number : line-height Parse Error -
|
by: flifus |
last post by:
Hi all. I'm learning python these days. I'm going to use this thread
to post, from time to time, my annoyances with python. I hope someone
will clarify things to me where I have misunderstood them....
|
by: replyrpatil |
last post by:
What I am trying to do: I need to print a compact access report (font 6 size) created using RTF2 program developed by Stephen Lebans to generate a TIF image of custom size (5.5 in x 2.0 in)
...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The...
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...
| | |