In this tutorial I am going to explain how to create a sliding door navigation menu using only CSS. When you have finished the tutorial you will finish with something like this.

you will notice that when you hover over any of the links in the example the button state changes to reflect it and it seems as if only one image is used. This is not the case!! Sliding door menus use two images , one for the left and one for the right. I am also implementing my CSS menu trick so we use only one image for the left hover and link state and likewise for the right reducing flicker and making the script lighter.

The source files for this tutorial are included and the menu has been tested in IE6, IE7, Firefox & Safari (Windows). Onward bound… (more…)

So I thought I would make a general post about all the unimportant things happening around the world before moving on to information regarding future postings. If you don’t care about Prison Break, Dexter or TV in general then you may aswell hit the jump and scroll towards the end of this post.

When I am not working i like to put my feet up and either spend time with my family, play some Xbox 360 or watch some TV.

I watch quite a few american shows religiously as I am sure many of you do too. Most notably Prison Break and Dexter. If you havent seen either show yet then you really should. Prison Break is on its 4th series right now and is just as fresh as it’s first whilst Dexter is on its 3rd series. What are they? (more…)