How To Display Restaurant Website Menus

Without looking, before completing this series of discussion related to the poor decision by so many restaurants to display their online menus as PDF documents, I came across these comments in which individuals expressed displeasure with restaurants choice to display their online menus as a PDF initiated by Average Jane. A quick search of the internet finds much distaste with the misuse of PDF’s – why do developers so often continue the practice? Portable Document Format is intended for long reads on the web – unless your menu is twenty pages long, it’s the wrong solution.

My biggest restaurant website pet peeve is when they post their menu as a PDF.
commenter at Pitch’s Fat City

I have to say pdf’s instantly turn me off to a restaurant. The closest in-store example I can think of is an annoying hostess.
another commenter at Pitch’s Fat City

Here then, is a quick foundation on which I would build to develop a menu for online presentation. My preferred foundation begins with the lesser–used Definition List – where each menu category (appetizers, entrée, desert etc.) equals the beginning of a new list (dl), the term (dt) equals each menu item and the definition (dd) equals the description of the menu item.

Salads

7.50Salad

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras adipiscing, lectus in vestibulum ultricies.

Sed ultrices, erat vel hendrerit euismod, arcu velit congue justo, vel porta felis diam in urna.

Donec porta felis quis enim!

7.50Salad

Vivamus id est nec est tempus viverra. Pellentesque scelerisque dapibus erat. Fusce eget metus

Sed ultrices, erat vel hendrerit euismod, arcu velit congue justo, vel porta felis diam in urna! Donec porta felis quis enim

7.50Salad

Duis pretium lectus at pede. Vivamus tincidunt. Praesent sapien nibh, imperdiet at, consectetuer eu

Morbi et urna a urna mattis tincidunt. Pellentesque turpis. Pellentesque eleifend neque quis est. Etiam tempor nisi eu libero. Ut ut nunc. Aenean orci est, commodo non, fermentum at, consequat a, mi. Curabitur facilisis blandit velit? Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ornare, urna eu pulvinar accumsan; velit diam pulvinar purus, ut ornare lorem arcu et orci! Etiam a massa sit amet nisl venenatis cursus.

7.50Salad

Vivamus id est nec est tempus viverra. Pellentesque scelerisque dapibus erat. Fusce eget metus.

Pizza

7.50Pizza

Duis pretium lectus at pede. Vivamus tincidunt. Praesent sapien nibh, imperdiet at, consectetuer eu

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Curabitur scelerisque!

7.50Pizza

Vivamus id est nec est tempus viverra. Pellentesque scelerisque dapibus erat. Fusce eget metus

7.50Pizza

Duis pretium lectus at pede. Vivamus tincidunt. Praesent sapien nibh, imperdiet at, consectetuer eu

Morbi et urna a urna mattis tincidunt. Pellentesque turpis. Pellentesque eleifend neque quis est. Etiam tempor nisi eu libero. Ut ut nunc. Aenean orci est, commodo non, fermentum at, consequat a, mi. Curabitur facilisis blandit velit? Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ornare, urna eu pulvinar accumsan; velit diam pulvinar purus, ut ornare lorem arcu et orci! Etiam a massa sit amet nisl venenatis cursus.

7.50Pizza

Vivamus id est nec est tempus viverra. Pellentesque scelerisque dapibus erat. Fusce eget metus

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Curabitur scelerisque!

Leave A Comment