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.

Instructions

Brooke, we're all upset, but we need to move on. Honey, you're a junior now. It's your make-or-break year, so there's no room for self pity. Can you give Marlene and I a ride to school today? I'm sorry, honey, I don't have time. I have an 8:30 with Marc Shelley at White & Wolfe. What?! Richard, you didn't say anything! How did you get the meeting? It's just a meeting, so don't get too excited. But it could be huge. I know! Who's going to the meeting with you? Hey, I got the meeting. I know, I just think maybe you should take Melinda or Janice. Janice? You want me to take Janice? - Yeah, why not? - I'm not taking Janice.. - Rough morning? - You know my parents. Maybe they just need a little more time?

Clearing Method

According to all known laws of aviation, there is no way a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway because bees don't care what humans think is impossible. Yellow, black. Yellow, black. Yellow, black. Yellow, black. Ooh, black and yellow! Let's shake it up a little. Barry! Breakfast is ready! Coming! Hang on a second. Hello? - Barry? - Adam? - Can you believe this is happening? - I can't. I'll pick you up. Looking sharp.

Logo Replacement

CLOSE ON A MASSIVE STEEL HEAD Our first thought: DR. DOOM? But it's not moving. A welder's torch sparks into frame in the hands of a sculptor on scaffolding. This is art, an epic 20 foot statue going up of a business mogul (VICTOR VON DOOM) in whose generously extended hands sit two intertwined columns of DNA. His face is chiseled, angular, perfect (too perfect). Past sparks, we MOVE down to pick up...

REED RICHARDS and BEN GRIMM head toward the soaring glass-box atrium of VDI Headquarters. Designed to inspire awe, it does.

High open space, exposed structural elements. Obviously aimed at first time visitors to create feelings of... smallness, inadequacy. Ben glances at Reed, who looks a little nervous.

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.