navigation bar example

[runrunforest]

Hi,

Where can I find css example of Apple-like navigation bar (including the search field) ?

[RyanReese]

It's just a horizontal list (floated) with backgroound images/colors.

The search box is just a background image on an <input>. Nothing special really. There are many many examples of it. Suckerfish has nice menus if you require a dropdown.

[runrunforest]

I couldn't find such simple thing anywhere.

[RyanReese]

http://htmldog.com/articles/suckerfish/

Take a suckerfish there (dropdown if you wish idc) and then on the <li>'s (the main ones) add float:left; to it, and on the <ul> add overflow:hidden;

It''s REALLY easy to convert a menu to horizontal.

[Paul O'B]

I couldn't find such simple thing anywhere.

As Ryan said the menu is pretty simple CSS and you could easily converts something like this old example to look like what you want.

The input is no problem and you just place it in the last list item. The apple site just places a wrap around the input and applies a background image to each side of an input.