I guess you meant replacing <table> with <ol> or <ul>. this is not related to
CSS, although CSS can make rendering more visually appealing. J dictionary
already use CSS - jdoc.css, however that CSS is a minimalist, but that could be
easily expanded, eg.
body
{ text: #000000;
background: #FFFFFF;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, Sans Serif }
h1
{ font-size: 140%;
margin-bottom: .5em; }
h2
{ font-size: 130%;
margin-top: 1.5em;
margin-bottom: .5em; }
h3
{ font-size: 120%;
margin-top: 1.2em;
margin-bottom: .5em; }
h4
{ font-size: 110%;
margin-top: 1.2em;
margin-bottom: .5em; }
h5
{ font-size: 100%;
margin-top: 1.2em;
margin-bottom: .5em; }
p
{ margin-top: .6em;
margin-bottom: .6em; }
ol
{ margin-top: .5em;
margin-bottom: 0em;
margin-left: 2em }
ul
{ margin-top: .6em;
margin-bottom: 0em;
margin-left: 1.5em;
list-style-type: disc; }
li
{ margin-bottom: .7em;
margin-left: 0em; }
dd
{ margin-bottom: 0em;
margin-left: 1.5em; }
pre
{
margin-top: 0em;
margin-bottom: 1.5em;
font-family: Courier New;
font-size: 115%;
background-color:'#dfdfdf';
width:'80%';
padding:'6px';
}
table
{ font-size: 100%;
margin-top: .75em;
margin-bottom: .75em;
padding: 2pt; }
th
{ text-align: left;
background: #dddddd;
vertical-align: bottom; }
tr
{ vertical-align: top; }
td
{ background: #EEEEEE;
vertical-align: top; }
p.margin
{ margin-left: 2em;
margin-top: -1.75em; }
p.indent
{ margin-left: 2em; }
Sherlock, Ric wrote:
---Roger Hui wrote:
I am willing to put in some work to make
the text more standard. Please make specific
and individual proposals. For example:
Currently in a vocabulary entry (e.g. d011.htm)
it says <font size=+1>Floor</font> .
Instead, do this: ...
And add this ... to the css file
The intro.htm page is fairly simple so I'll start there. Let me know if the
following is the sort of thing you require and if you would like me to attempt
to provide something similar to try and handle more complicated pages.
* Replace the comments <!--top jump start--> and <!--top jump end--> with <div
id="Header"> and </div> respectively.
* Remove all tags from list of links. Add the desired space by adding
this to the css:
#Header a,#Footer a {
padding: 0 0.4em 0 0;
}
* Remove the <hr> tag. Add line and whitespace for the Header using the
following css:
#Header {
padding: 0.2em;
border-bottom: solid medium #aaa;
}
* Enclose the body of actual the page content (every thing between the end of the Header div and the
start of the Footer div) with <div id="Content"> and </div>. Add whitespace at
the top and bottom using the following css:
#Content {
padding:0.5em 0;
}
* Instead of <br>font size=+2><b>Introduction</b></font><br><br> do this:
<h1>Introduction</h1>
* Paragraphs are currently visually separated by using <br><br>. Replace these with a
<p> tag at the start of a paragraph and and </p> at the end.
* A table is currently used to provide an indented numeric list of features of
J. The same visual appearance can be more cleanly represented by:
- replacing the <table> and </table> tags with <ol> and </ol> respectively
(ol=ordered list),
- deleting all the <tr> and </tr> tags,
- deleting the <td> and </td> tags and content (numbers) for the first
column of the table.
- relacing the <td> and </td> tags for the 2nd column with <li> and </li> respectively
(li=list item) and delete the <br><br> tags from the end of each cell.
- Add whitespace around list items using the following css:
li {padding-top:0.6em}
* Replace the comments <!--bottom jump start--> and <!--bottom jump end--> with <div
id="Header"> and </div> respectively.
* Remove <hr>.
* Remove all tags from list of links. Add line and whitespace for the
Footer using the following css:
#Footer {
border-top: solid medium #aaa;
padding: 0.2em;
}
----------------------------------------------------------------------
For information about J forums see http://www.jsoftware.com/forums.htm
----------------------------------------------------------------------
For information about J forums see http://www.jsoftware.com/forums.htm
