<!--top jump> etc. are part of the effort in "working smarter and harder". Removing them is not on.
Replacing <br><br> by <p> seems gratuitous especially relative to the benefits of such replacement. Likewise removing <hr>. A "fairly simple" page is not a good place to start. You have to start with a really complex page to show that the proposed changes are capable of handling the complexity. ----- Original Message ----- From: "Sherlock, Ric" <[EMAIL PROTECTED]> Date: Sunday, July 20, 2008 18:33 Subject: RE: [Jgeneral] CSS layout for J Dictionary To: General forum <[email protected]> > ---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
