DZone Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

Snippets has posted 5883 posts at DZone. View Full User Profile

Joomla Floating Menu Via CSS

06.22.2010
| 5610 views |
  • submit to reddit
        // A simple way to enrich the standard joomla menu with floating submenus, without the use of javascript.
// Use the "list" layout of the standard menu. Should work with any CMS that supports a basic list menu.

ul.menu{
	width:100%;
}

ul.menu, ul.menu li{
	list-style:none outside none;
}

ul.menu > li{
	float:left;
}

ul.menu li{
	width:100px;
}

ul.menu ul{
	left:-10000px;
	position:absolute;
	margin-top:9px;
}

ul.menu li:hover ul{
	left:inherit;
}

ul.menu ul li{
	background-color:green;
}