--- Roger Hui wrote: > <!--top jump> etc. are part of the effort in "working smarter and > harder". > Removing them is not on. No problem, in that case put the <div id="Header"> and </div> immediately after <!--top jump start --> and immediately before <!--top jump end--> respectively.
> Replacing <br><br> by <p> seems gratuitous especially > relative to the benefits of such replacement. > Likewise removing <hr>. By enclosing a paragraph with <p> </p> tags it is possible to target it using CSS. That means it is possible to specify the whitespace for all paragraphs across all pages, and make a change for all pages just by changing the CSS file, while leaving the content untouched. > 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. That was why in my original proposal I also included d200.htm as an example of how the markup and CSS could be changed to cope with a more complex page. If you agree that it produces a layout similar enough to the current one to be acceptable, then I am happy to try and put together a list of instructions similar to the one below for a more complex page. > ----- Original Message ----- > From: "Sherlock, Ric" > 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 ---------------------------------------------------------------------- For information about J forums see http://www.jsoftware.com/forums.htm
