A Tinderbox Toolshed
The Front Door
There's No Place Like Home
Quick Notes
About Me
A Picture's Worth a Thousand Words
Recent Notes
The Workbench
Read More of the Story? Click here!
Read More of the Story II: The Templates
My ToDo List
The Storage Shed
The Junkdrawer
Drop Me a Line
About the Righthand Sidebar
Jonty asked for more detail on how I created the righthand sidebar in my Trainblogging derived weblog. As I've mentioned before, I know only enough html to be dangerous. My usual approach is to study a template and attempt to emulate it as best I can by copying and pasting. That is what I have done here.
I started by looking at the original trainTemplate.html. I focused in on the section surrounding the ^include(sidebar) and note that it is preceeded by an opening table tag. Within that tag there is a set of one tr tags defining the row and two td tags which define the two columns.
So it looks like this: (brackets omitted and double ^ for TBX)
table border="0"....
tr
td valign="top"...
^indclude(sidebar) and some additional code that goes here...
/td
td width="100%"...
^children^ and additional code for Navigation and Copyright...
/td
Add another td ..^include(A Shed with a View). /td here to create another column. I just cloned the first column which is the original sidebar.
/tr
/table
From the symmetry of the structure I deduced that I could created a third column by copying and pasting the table definition of the first column which is the sidebar. I am guessing that the location of the column is determined by it's location in the flow of the html document and that a clone of the left hand sidebar will appear on the right hand as the third column. I added an ^include(A Shed with a View) within the column definition and the third column appears in the html export with the contents of the included note.
Finally, I tweaked the width values until it looks ok in Safari. Of course, it looks different in all three browsers. I'm sure that someone with more skill could create a more consistent look but that is not my current goal.
The notes are exported from the container note "A Shed with a View", in the same manner described in my Construction Project, A Drag and Drop Sidebar.
Hope this was helpful. It was useful for me --now I know more about tables than I did before.
Learning through sharing!
Ryan H.
--- Ryan Holcomb 2005 --
A Shed with a View
Tinderbox Help
GTD on the Web
My Toolbox
The Bookshelf
Leaving a Trace: On Keeping a Journal
Tinderbox
