Whatever benefits you can get by doing > No problem, in that case put the <div id="Header"> and > </div> immediately after <!--top jump start --> and > immediately before <!--top jump end--> respectively.
you can get the same thing by having a program that would recognize <!-- top jump start --> etc. > 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. This is worth doing only if it is deemed worthwhile to specify the whitespace for all paragraphs across all pages. ----- Original Message ----- From: "Sherlock, Ric" <[EMAIL PROTECTED]> Date: Monday, July 21, 2008 13:07 Subject: RE: [Jgeneral] CSS layout for J Dictionary To: General forum <[email protected]> > --- 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
