Olivers Restaurant
Screen shots
Visually rich home page with css rollovers
Content pages without images
Content pages with images
Menu pages without images
Menu pages without images
Menu pages with images
Menu pages with images
Challenges / Solutions:
- The sliding doors technique to create elegant rollovers for visual users and to provide content for screen readers and search engines on the home page.
- Here your are / active page styles implemented with CSS and classes
- What beautiful colours, but how to implement that patch work design without fixed widths and without unecessary mark-up? With some careful thought I managed to use much of the natural structure of the html to achieve this design's layout.
- Un-ordered lists and definition lists provide the optimal structure to tightly organize menu content. Styling the lists with CSS brings out the spacious, clean design
Credits:
- Web Graphic Design by Steffanie Keating
- All web development and design implementation by Taliesin Smith
- See it for yourself at olivers-cafe.com