My Fireworks logo

The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.

If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.

Step two: Gather Equipment

Equipment to set up the salad station will be needed in order to store the ready-to-eat ingredients as well as to portion the salad.

Required equipment

Equipment needed
Equipment/Quantity Photo Description

Olive Garden (OG) salad bowl and tongs

1 each

Olive Garden salad bowl and tongs

A OG salad bowl and tongs are used for the guest’s purpose of portioning salad.


Tongs required are heavy-duty and about eight inches in length

The salad bowl can hold up to five portions of salad.

Digital scale

1 each

Large scale

Large

Scale small

Small

Scales can come in assorted sizes and have different functionalities.

For this exercise, a digital scale is used for restaurant’s purpose of portioning salad.

A scale that weights ounces and can “tare” or “zero out” will be needed.

1-oz Ladle

1 each

Assorted ladles

A ladle is used for portioning liquids and a variety are available.

For the purpose of this exercise, a one ounce ladle will be used for portioning salad dressing.

2-oz Spoodle

1 each

Assorted spoodles

A spoodle can is used for portioning solids as well as to obtain ingredients in a liquid substance.

Spoodles can be full, slotted, or with holes.

A spoodle will be used to portion croutons for the salad.

Brown tongs

4 each

Brown tongs A plastic brown tong is used for portioning salad vegetables and breadsticks. The required tong is about six inches in length.

Metal salad tongs

1 each

Metal tongs

Metal salad tongs are used to portion the salad greens into the salad bowl.

As noted in your training materials and required by OG standards, we will use the green knobbed tongs. The required tongs are 16'' in length.

Food handling gloves

1 pair

Gloves

Food handling gloves are required to be worn by individuals who handle ready-to-eat food.

Gloves come in several sizes and types. It is recommended to use a vinyl, non-powdered glove. This will prevent issues from individuals or guests who may have allergric reactions to powder or latex.

In addition, loose-fitting gloves should be avoided as they can easily break or the individual can lose grip of the food or equipment they are handling.

Third-size steam table pan

5 each

Third size steam pan Third-size steam table pans are used for salad vegetable and dressing storage.

Half-size steam table pan

2 each

Half size steam pan Half-size steam table pans are used for lettuce and crouton storage.

 

Equipment location

Equipment location map

Equipment location map list

Equipment location layout
Equipment Location Color on Map
Olive Garden salad bowl and tongs Salad station Green
Digital scale Salad station Green
1-oz. Ladle Food prep equipment storage Blue
2-oz. Spoodle Food prep equipment storage Blue
Plastic brown tongs Food prep equipment storage Blue
Food handling gloves Salad station Green
Steam table pans Dish tank/Utility Yellow

Internet Explorer Conditional Comments

These liquid layouts contain an Internet Explorer Conditional Comment (IECC) to correct two issues.

  1. Browsers are inconsistent in the way they round div sizes in percent-based layouts. If the browser must render a number like 144.5px or 564.5px, they have to round it to the nearest whole number. Safari and Opera round down, Internet Explorer rounds up and Firefox rounds one column up and one down filling the container completely. These rounding issues can cause inconsistencies in some layouts. In this IECC there is a 1px negative margin to fix IE. You may move it to any of the columns (and on either the left or right) to suit your layout needs.
  2. The zoom property was added to the anchor within the navigation list since, in some cases, extra white space will be rendered in IE6 and IE7. Zoom gives IE its proprietary hasLayout property to fix this issue.

Backgrounds

By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.