I need a tabbed CSS menu that is horizontally centered, with some rollover actions as specified in the attachment. My in-house programmer made a first version, which is also attached. The menu consists of 2 horizontally tabbed navigation lists: one line for the main menu items and one for the sub menu items. The attached version contains the graphical elements of the static version of this menu and a correct design screenshot.
First the CSS must be changed so that the horizontal main menu bar is automatically horizontally centered on the screen, whatever the labels of its buttons. For the sub menu bar this is already done. Then a script must be added to achieve the same behaviour as in [login to view URL]: a rollover on a main menu item lights up that item and makes the corresponding sub menu appear. This should be a JavaScript that changes the "display" property of the corresponding CSS elements, as in the example.
## Deliverables
WHAT I NEED DONE: I need a tabbed CSS menu that is horizontally centered, with some rollover actions as specified below. My in-house programmer made a first version, which is attached. The menu consists of 2 horizontally tabbed navigation lists: one line for the main menu items and one for the sub menu items. The attached version contains the graphical elements of the static version of this menu and a correct design screenshot. First the CSS must be changed so that the horizontal main menu bar is automatically horizontally centered on the screen, whatever the labels of its buttons. For the sub menu bar this is already done. Then a script must be added to achieve the same behaviour as in [login to view URL]: a rollover on a main menu item lights up that item and makes the corresponding sub menu appear. This should be a JavaScript that changes the "display" property of the corresponding CSS elements, as in the example. TIMEFRAME FOR DELIVERY: I need to have this within one week after the project is assigned. I will pay a bonus for fast and correct delivery. PREFERRED BIDS: - I prefer bidders that can show examples of their CSS/HTML/JavaScript skills. - I prefer autonomous programmers: I will not be available for long chat or telephone conversations. REQUIREMENTS: - the menu items may be DIV, SPAN, LI, or any other CSS element. The use of tables should be avoided. The width of these items must depend on their content (= the label of the button). This means that if I change the labels of the buttons, the design of the buttons must automatically adjust accordingly. - the menu must match the attached png image up to the pixel for all graphical elements. This means that all white bars, black bars and button backgrounds must appear exactly as in the design. This is very important! The text should be formatted HTML text. - the selected menu items must be marked as in the design, both when they are given the class "active" (as in the attached example) and on a mouse rollover. - the menu must display correctly in the following browsers and OS (this can be tested on [login to view URL]) IE6 on Windows IE7 on Windows Firefox 1+ on Windows Firefox 1+ on Mac OS Safari 3+ on Mac OS PAYMENT DETAILS: The payment will be made after the code has been delivered and verified.