news and contact

Contact details, news, design notes and acknowledgements

Contact

You can contact me at the email address . My email address on this page is disguised, but the link should launch your default email client with correct address entered - or take a wild guess at it from the link text! I welcome any comments - good or bad - and will try to respond as soon as I can.

News

All news has now been migrated to the nntk Blogged section as of 23rd May 2005 - hopefully I can post updates more frequently there!

Notes on Site Design and Acknowledgements

My site layout is now based on a simple tableless two column CSS layout using the techniques outlined at WellStyled.com. This essentially consists of two floating divisions, sidebar (fixed width) and main within a container division content, arranged with the following CSS layout

#content {
background: url('leftcol.gif') top left repeat-y;
width: 90%;
margin:1em auto;
border: 1px solid black;
text-align:left;
max-width: 1024px;
}
#sidebar {
float: left;
width: 150px;
margin:0; padding:0;
}
#sidebar-content {
margin:0; padding: 0.5em 1em;
font-size: 70%;
}
#main {
margin:0 0 0 150px; padding:0;
}
#main-content {
margin:0; padding: 0.5em 1em;
font-size: 100%;
}
hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}

Then, the basic html page template is as follows

<div id="content">

<div id="sidebar">
<div id="sidebar-content">

*****Sidebar page content*****

</div>
</div>

<div id="main">
<div id="main-content">

*****Main page content *****

</div>
</div>

<hr class="cleaner" />

</div>

The lefthand sidebar is overlayed with the repeating background image leftcol.gif to make both columns appear to be the same height.