• content
• navigation
• access
• search

Horizontal navbar, absolute position, left alignment

This demo uses one of the following configuration files:

horizontal-absolute-top-left.js

Javascript configuration (for ASP config add <% %> instructions and rename)

horizontal-absolute-top-left.ini

PHP configuration

And the following images:

• orange-yellow-gradient.jpg (navbar item background)
• orange-cream-gradient.jpg (navbar item rollover)
• greenshadow.png (green menu dropshadow)
• orangeshadow.png (orange menu dropshadow)
• down-green.gif (navbar down-arrow)
• down-red.gif (navbar down-arrow rollover)
• right-green.gif (green menu right-arrow)
• right-black.gif (green menu right-arrow rollover)
• right-purple.gif (orange menu right-arrow)
• right-blue.gif (orange menu right-arrow rollover)

Site navigation

• Home

• About

  • About UDM
  • The Benefits of UDM 4
  • Who uses UDM 4
  • Browser support
  • Accessibility tests
  • Any disadvantages?
  • General FAQ
  • Modules & Extensions
  • Script updates
  • About the author
  • Affiliate Program
  • Credits and thanks
  • Link-back to UDM

• Demos

  • Styles
    • Office XP
    • MSDN
    • OSX Pinstripe
    • Big Red
    • Cambridge Blue
    • Green Stripe
    • Chocolate Bar
    • Getaway
    • Original skin
  • Configurations
    • Horizontal
      • absolute left (h)
      • absolute pseudo-right (h)
      • absolute with RTL text (h)
      • relative left (h)
      • relative left (two navbars) (h)
      • relative left (table based) (h)
      • relative pseudo-right (h)
      • relative with RTL text (h)
      • in a centered container (h)
      • with drop-up menus (h)
    • Vertical
      • absolute left (v)
      • absolute right (v)
      • absolute with RTL text (v)
      • relative left (v)
      • relative left (table based) (v)
      • relative right (v)
      • relative with RTL text (v)
      • relative right (table based) (v)
    • Popup menus
      • absolutely positioned
      • relative to a link
      • across frames
      • triggered from flash
    • Expanding menus
      • single nested level
      • multiple nested levels
      • in a frameset
    • Other things
      • dynamically created menus
      • individual styles
      • all-image navbar (v)
      • all-image navbar (h)
      • fixed position
      • menus open onclick
      • "lite" menu script
      • "ultra-lite" menu script
      • pure CSS menus
      • API rollover-text example
      • API receiver demo
    • All config demos
  • Modules
    • Keyboard navigation
    • Speech output (IE)
  • Extensions
    • Active Styles
    • Auto-sizing Menus
    • Gecko Iframe-shim
    • Horizontal Menus
    • Import HTML
    • Key Navigation Help
    • Load XML
    • Onfocus Tooltips
    • Scrolling Menus
    • Sliding Menus
    • "You are here"
  • All demos

• Download

• Purchase

• Support

  • Online manual
    • Quick start
    • Contents:
    • 1. Setting it up
    • 2. Customising
    • 3. Final steps
    • 4. In-depth
    • 5. Development
  • Manual downloads
  • Technical FAQ
  • Integration with other systems
    • cakePHP
    • osCommerce
    • phpBB version 2.x
  • Forums

• Contact

• Forum

  • UDM4
    • Tips, Tricks & FAQs
    • Demos and Configurations
    • Troubleshooting
  • Web Development
    • Accessibility, WAI, and US 508
    • SEO and Marketing
    • Website Design and Graphic Help
    • CSS and HTML
    • Javascript
  • News and Information
    • General Web Trends and News
    • General Discussion

• Our Blog

• Software Library