473,568 Members | 2,762 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Footnote style

In a book, a footnote is presented at the bottom of the page, in a
slightly smaller type.

converting a book to html, pages are bottomless, so we can put the
footnote in a separate link, or create a footnote div class that
floats right.

Links are probably what the author would have used had he been writing
in html, but divs that float right are closer to the spirit of the
original work, and enables the footnote to be seen in context, as was
originally intended.

Html does not have any equivalent of a slightly smaller font - to get
a slightly smaller font we would have to specify the fonts of the main
document and also the font of the footnote class, which is bad.

How have other people solved this problem?

--
http://www.jim.com
Sep 26 '05 #1
55 6843
James A. Donald wrote:
In a book, a footnote is presented at the bottom of the page, in a
slightly smaller type. <snip> Html does not have any equivalent of a slightly smaller font - to get
a slightly smaller font we would have to specify the fonts of the main
document and also the font of the footnote class, which is bad.
Yes, that is bad. Use CSS.
How have other people solved this problem?


Try this:

span.footnote { float: right; font-size: 85%; }

<p>This is a paragraph of content<sup>1</sup>... blah blah
<span class="footnote ">1. Footnote goes here.</span>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah</p>

--
-bts
-When motorcycling, never follow a pig truck
Sep 26 '05 #2
--
On Mon, 26 Sep 2005 03:53:45 GMT, "Beauregard T. Shagnasty"
Try this:

span.footnote { float: right; font-size: 85%; }

<p>This is a paragraph of content<sup>1</sup>... blah blah
<span class="footnote ">1. Footnote goes here.</span>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah</p>


That is very helpful, but what I really wanted to ask is, is this a
good idea - is this how other people solve the problem of footnotes,
rather than how do other people get an appropriate font-size for a
footnote.

--digsig
James A. Donald
6YeGpsZR+nOTh/cGwvITnSR3Tdzcl VpR0+pr3YYQdkG
QIvDtZsFGJNItif Rrlh50rxKN941WQ UBPyNqVvqw
4ZIhDsWRAq1v4LO mAYo3UfrWzyMhg4 EwNPooqIIlU
--
http://www.jim.com
Sep 26 '05 #3
James A. Donald wrote:
Html does not have any equivalent of a slightly smaller font - to get
a slightly smaller font we would have to specify the fonts of the main
document and also the font of the footnote class, which is bad.


You can _not_ specify the main font and specify a _percentage_
of whatever that size happens to be for the footnotes.

Footnotes can mostly be avoided on the web by giving each its
own little .html file, linked to by the main exposition. No
need to clutter the page. Let the _reader_ decide whether it
will come up as a replacement page, a new tab, or a popup.

You could try a separate column, but that limits how large the
visitor can make the text of the main exposition, and the
footnote column is likely to have large amounts of unused space
in it.

Besides, the web itself is largely interlinked notes that
reference each other. What's important over here is just a
footnote to someone over there. Relativity of relevance rules.
You're denying visitors the ability to easily bookmark just the
footnote. You can use real footnotes, but it seems quaint and
outdated.
--
mbstevens
http://www.mbstevens.com/

Sep 26 '05 #4
Tim
On Sun, 25 Sep 2005 20:38:54 -0700, James A. Donald sent:
Html does not have any equivalent of a slightly smaller font - to get a
slightly smaller font we would have to specify the fonts of the main
document and also the font of the footnote class, which is bad.


Standard warning about smaller fonts on a low resolution device (i.e. just
about all VDUs) being hard to read not withstanding, have you not heard of
the small element?

e.g. <p>Normal text <small>with a bit smaller text</small>.</p>

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please destroy some files yourself.

Sep 26 '05 #5
James A. Donald wrote:
Html does not have any equivalent of a slightly smaller font


<small>...</small>

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Sep 26 '05 #6
In message <6q************ *************** *****@4ax.com>, James A. Donald
<ja****@echeque .com> writes
In a book, a footnote is presented at the bottom of the page, in a
slightly smaller type.

converting a book to html, pages are bottomless, so we can put the
footnote in a separate link, or create a footnote div class that
floats right.

Links are probably what the author would have used had he been writing
in html, but divs that float right are closer to the spirit of the
original work, and enables the footnote to be seen in context, as was
originally intended.

Html does not have any equivalent of a slightly smaller font - to get
a slightly smaller font we would have to specify the fonts of the main
document and also the font of the footnote class, which is bad.

How have other people solved this problem?

--
http://www.jim.com


I've recently been converting a hundred-or-so articles from 40-year-old
journals for a local historical/archaeological society.

The first thing that I took into account is that not everyone is going
to be able to 'see' the pages; some will 'hear' them, some will 'feel'
them.

The concept of using a superscript number, therefore, wasn't going to be
sufficient (you're going to need good ears to hear a numeral suddenly
appearing out of a maze of words).

So, let's take a (fictitious) example.

"...... and was consistent as the elevation suggested1. (The '1' being
superscript in the printed version.)

I tended to code this as:

"........ and was consistent as the elevation suggested. <a
href="#Referenc es"><span class="hideit>S ee reference</span> [1].</a>

The sighted user would see:
"...... and was consistent as the elevation suggested.[1].

(With [1] coloured and underlined as a link, as per convention.)

The non-sighted user would hear:
"...... and was consistent as the elevation suggested. See reference 1.

'See reference 1' would be spoken in a 'links' voice, and would also
appear in that form if the user asked for a 'list of links'.

The footnotes were grouped at the end of the page under a suitable
heading.
E.g. <h2>REFRERENCES .</h2> which could be accessed easily if a user
switches to 'headings navigation' mode.

I experimented with putting hidden 'return' links at the end of each
individual reference in the list, but found the amount of work didn't
(at the time) justify it.

I'm not sure I have the best solution -- but it seems to work.

Regards.

--
Jake (ja**@gododdin. demon.co.uk -- just a 'spam trap' mail address)
Sep 26 '05 #7
On Mon, 26 Sep 2005 04:59:48 GMT, mbstevens
Besides, the web itself is largely interlinked notes that
reference each other. What's important over here is just a
footnote to someone over there. Relativity of relevance rules.
You're denying visitors the ability to easily bookmark just the
footnote. You can use real footnotes, but it seems quaint and
outdated.


So you are arguing that when a book is adapted to this medium,
footnotes should become links. And if the user wants to see a link in
context, he (not I) should pop it up.
--
http://www.jim.com
Sep 26 '05 #8
James A. Donald
How have other people solved this problem?

Jake I've recently been converting a hundred-or-so articles from 40-year-old
journals for a local historical/archaeological society.

The first thing that I took into account is that not everyone is going
to be able to 'see' the pages; some will 'hear' them, some will 'feel'
them.

The concept of using a superscript number, therefore, wasn't going to be
sufficient (you're going to need good ears to hear a numeral suddenly
appearing out of a maze of words).

So, let's take a (fictitious) example.

"...... and was consistent as the elevation suggested1. (The '1' being
superscript in the printed version.)

I tended to code this as:

"........ and was consistent as the elevation suggested. <a
href="#Referenc es"><span class="hideit>S ee reference</span> [1].</a>
I assume the css code for your span class "hideit" is
span.hideit {
height : 0;
width : 0;
overflow : hidden;
position : absolute;
}

But there is a risk some browsers will display the "See reference"

The sighted user would see:
"...... and was consistent as the elevation suggested.[1].

(With [1] coloured and underlined as a link, as per convention.)

The non-sighted user would hear:
"...... and was consistent as the elevation suggested. See reference 1.

'See reference 1' would be spoken in a 'links' voice, and would also
appear in that form if the user asked for a 'list of links'.

The footnotes were grouped at the end of the page under a suitable
heading.
E.g. <h2>REFRERENCES .</h2> which could be accessed easily if a user
switches to 'headings navigation' mode.

I experimented with putting hidden 'return' links at the end of each
individual reference in the list, but found the amount of work didn't
(at the time) justify it.


In my case the footnotes are obviously intended to be read in context,
so I suppose I should put in a back reference, but indeed it seems too
much work - user can use the back arrow in his browser. We should not
unnecessarily duplicate the capabilities already built into the web.

--
http://www.jim.com
Sep 26 '05 #9
On Mon, 26 Sep 2005, James A. Donald wrote:
So you are arguing that when a book is adapted to this medium,
footnotes should become links. And if the user wants to see a link
in context, he (not I) should pop it up.


This may be a difference between marginal notes, and footnotes in the
strict sense of the term. Some books have both. Some books even have
three categories - marginal notes, notes at the foot of each page, and
supplementary notes at the back (not including the literature
references! Four?).

At least, with a decent web browser, the user has the option to open
additional resources in a separate window or tab, at their discretion
and convenience. I'm not keen on the author trying to second-guess
how I'd want to browse, although I'm well aware of the regular chorus
of "but, but, readers don't know how to use their browsers". Well, if
that's what the chorus think, why aren't they helping their readers to
learn?

all the best
Sep 26 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

17
1914
by: gsb | last post by:
HOW TO: Submit a form to PHP with no return? I need to submit a form for file upload to a PHP script but do not want anything returned. That is the TARGET for the form should be like a null device. I am using a JavaScript function to submit the form. Is there a way to do this? gsb
4
5453
by: lawrence | last post by:
Can anyone tell me why this code works in Netscape 7.1 but not in IE??? <SCRIPT type='text/javascript'> function makeVisible(nameOfDiv) { document.getElementById(nameOfDiv).style.visibility='visible'; document.getElementById(nameOfDiv).style.height='auto'; if (nameOfDiv != 'weblogs')
0
1639
by: Jacky11 | last post by:
Hi everyone, I have spent several hours on this topic, and I still don't have the right solution. However, you guys can accomplish in 5 minutes much more then I can accomplish in 5 hours. :-) OK here is my issue,
0
2614
by: cedoucette | last post by:
I just wrote code to support sortable columns in a datagrid. It seems to work fine; but, it doesn't look right. The problem is that I have a generic style for links and a different style for the header row - and they conflict. The sortable column apparently uses the generic style for <a> elements and the rest of the header uses "headerRow". ...
4
2172
by: Jeremy Porter | last post by:
Hello, I have several books written up in TEI with long footnotes/endnotes. The notes often contain multiple paragraphs or lines of poems etc. It seems perfectly legal in TEI to do the following: <p>Some paragraph text. <note place="foot"> <p>This note is long.</p> <p>see, I told you it was long</p>
0
1196
by: Byomokesh | last post by:
Hi, I have problem facing in Linking Tags. Linking are 3 types. <!-- Just remark Id --> :( 1. Pref02fn1 <!-- This footnote text move to paragraph in place of link tags. --> 2. Page_50 <!-- Page attribute is not required in output file. Means this tag is automatically remove. -->
1
9020
by: RonY | last post by:
I have a dropdown which calls SetTimePeriod method on change the selection. In the JS function, I reset the field style.display based on what the selection is. This works fine with IE but not working with Firefox browser. The firefox browser has problem to display a field after its style.display is reset. At the end of the JS function, I...
6
13759
by: rongchaua | last post by:
Hi all, I want to change the style of a button. But I don't know how to do it. For example, I have already a button OK on form. I want to add these styles to this button (WS_CHILD || WS_VISIBLE || WS_CLIPSIBLINGS || WS_TABSTOP || BS_FLAT). What should I do now? All help will be appreciated. rca.
3
1899
by: Michellevt | last post by:
Hi I am working on a project (for college) and wondered if anyone can help me with my problem. In the project we are not allowed to make use of any "style" attributes but "class" attributes instead. The following is the java script that i am using and i am having trouble in using a class instead of a style tag because simply replacing the...
0
7693
marktang
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7604
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8117
jinu1996
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7660
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
3651
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 last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3631
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2101
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1207
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
932
bsmnconsultancy
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 can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.