Testimonials

Click to see the testimonial video

“We always felt like we were your only clients! Such personal Service is unheard of in today’s world…"
– Alan and Sue Zentz

"The food is spectacular! Their attention to detail amazed me ... everyone on the staff is so friendly
and personable”
– Drs. Colleen and Christopher Lemmon

"We adore the way Chef John stood at the head of the table in your tasting room … we felt like we were on our own episode of Iron Chef! We still receive compliments on your wonderful menu and service!”
– Alanna and Ben Gisenberg

Bonny Opper is fantastic to work with.
– Jennifer Coenen, Big Huge Games

“Bonny and John, meeting them for the first time and coming up with our menu on the spot – totally unique courses served like duck encrusted with Columbian coffee. And the personal touches like Bonny asking if I needed to stow my veil”
– Camilo and Jose Arbelaez

“Seven years later we are still getting compliments about the food and cake at our wedding”
– Lauren and Phil Saracino

“My wedding was the best experience of my life. We will use Chefs for every occasion that comes up!”
– Stephanie Cavallucci

“They catered an amazing event for JHU at the Peabody Library. Paul Kountz was great!”
– Charmaine Clarke

Setting Up the Layers

Div's are nested three deep for scrolling layers inline. The outer-most layer (usually assigned an id of hold or holder) is relative positioned, has width and height settings, and overflow hidden.

The scroll area itself is defined by a "window" div (usually assigned an id of wn or wn1), with width, height and clip settings, and overflow hidden.

The content that scrolls is contained in the innermost div (or div's). You can add as many content layers as you like within any given "window" div.

Scroll areas to be positioned absolute do not require the outermost (hold) layer, although it is often a convenient container for the scroll links.

Note: For best cross-browser cooperation, do not fundamentally change the style specifications for the layers, other than adjusting width and height. Removing clip or overflow settings or changing the position to relative on the window or content layers may cause some browsers to cease functioning properly.

Implementing Scrollbars

You can set up scrollbars using graphics of your choice and adjust their style specifications accordingly.

Notice that the height of the drag bar adjusts according to the amount of content in the layer. This is an optional feature that can be turned off with a simple property setting. See code comments in the head of the document.

The main presentation page for scrolling layers contains more detailed information about the scrollbars and how to set them up.

Multiple Scroll Areas

You can follow the format described and demonstrated in this example to add more than one scroll area. See the example with multiple scrolling areas for guidance. Even though that example uses absolute positioning, the pattern for setting up the layers remains the same. Just remember that all id's need to be unique.

Remember to pass the id's for areas that scroll in tables to the GeckoTableBugFix function so Netscape 6+ and Mozilla will be able to extract their layers and function properly. (See code comments in the head of the document for more information.)