Over a million developers have joined DZone.

Joomla Floating Menu Via CSS

·
// 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;
}
Topics:

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}