With this article I hope to show you how to produce a professional quality photograph gallery using nothing more than an unordered list of photographs and a Cascading Style Sheet (CSS). I will take you through the styling one step at a time and end up converting an unordered list of photographs into a professional photograph gallery. Each step will be thoroughly explained and will have an example page showing the effect of the additional styling so that you can see what to expect.

The technique presented puts the images in a HTML list and then uses CSS basics and the hover style to create a photo gallery so when you move your mouse over the thumbnail, the enlarged version of the image will appear in the showcase.

This is a great technique which worked on only a few browsers when I first started experimenting with it, but with most people upgraded to newer Internet browsers, and so many people switching to Firefox, this technique will work across most browsers now.

Information

Taking Your Camera on the Road is about the adventures and lessons learned along the way of Brent and Lorelle VanFossen as they hit the road full-time in 1996. We talk about photography, cameras, travel, RVs, and the places we've visited and lived along the journey.

For information on WordPress, please visit Lorelle on WordPress. You will find information on hiring Lorelle VanFossen for your web development and multimedia online publishing needs.