Charlotte Harbor Sailing

Charlotte Harbor Sailing offers sailing lessons and captained sailing charters out of Charlotte Harbor. They needed a site to showcase photos and vidoes from past sails and to present a variety of fees for different types of lessons and charters. Because the site is built using WordPress, they are able to edit prices and other details themselves, and to add photos and videos as desired.

The menu in the sidebar uses custom CSS to display a single image as a mosaic behind the navigation buttons. I love the developments in CSS that make this sort of thing practical. I have implemented this technique in the past — involving tedious slicing and dicing of many individual images with another set of “over” versions to display on hover. Modern CSS allows this with a single background image by simply adjusting the position of the image for each link, and using a partially transparent overlay on hover.

• Charlotte Harbor Sailing