Post by Uffee » Sat Apr 28, 2012 7:26 am

Why does the menu appears behind the cart menu? How do I fix it?
wootUntitled-1.jpg

wootUntitled-1.jpg (153.44 KiB) Viewed 195 times

my css to the menu:

Code: Select all

/* Top level */
nav.dark li {list-style: none; float: left; border-right: 1px solid #2e3235; position: relative;}
nav.dark li.first, nav li.first a {border-top-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-top-left-radius: 8px; -moz-border-bottom-left-radius: 8px;}
nav.dark li.last, nav li.last a {border-top-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-top-right-radius: 8px; -moz-border-bottom-right-radius: 8px;}
nav.dark li.drop a {padding-right: 30px;}
nav.dark li a {display: block; padding: 6px 10px 10px; text-decoration: none; background-image: url(../image/navigation-sprite.png); background-repeat: repeat-x; font-size: 12px; color: #fff; border-top: 1px solid #5a5d60; border-left: 1px solid #525659; text-shadow: 0px -1px 0px #000;}
nav.dark li a {background-position: 0px 0px;}
nav.dark li a:hover, nav li.active a {background-position: 0px -36px;}
nav.dark li a:active {background-position: 0px -72px;}
nav.dark .dropdown {display: block; float: right; width: 7px; height: 5px; background: url(../image/drop-down.png) no-repeat; margin: -20px 15px 0px 12px;}

/* Drop down */
nav.dark li ul {opacity: 0; position: absolute; top: 41px; left: -26px; padding: 12px 15px; border-radius: 0px; -moz-border-radius: 0px; background: #222; display: none; z-index: 100;}
nav.dark li ul li {border-right: 0px; float: none!important; border-bottom: 1px solid #444; width: 190px;}
nav.dark li ul li:last-child { border-bottom: 0px;}
nav.dark li ul li a {background: none!important; border-left: 0px; border-top: 0px; padding: 10px 0px; font-size: 11px}
nav.dark li ul li a:hover {opacity: 0.5;}

nav.dark li ul li.arrow {background: url(../image/arrowtop.png) top left no-repeat; border-bottom: 0px; height: 10px; margin-top: -22px; margin-bottom: 10px; }

/***** END Dark Menu Styles *****/
for live view:
website: www.ski-sweden.se
shop: www.ski-sweden.se/shop/


Thanx

Newbie

Posts

Joined
Tue Apr 17, 2012 4:53 pm

Post by Uffee » Sat Apr 28, 2012 7:44 am

Wihoooooooooooooooo i fixed it.

Code: Select all

	#header-top{
		border:1px solid #d6d6d6;
		border-width:0 1px 1px 1px;
		-webkit-border-radius:0 0 10px 10px;
		-moz-border-radius:0 0 10px 10px;
		-khtml-border-radius:0 0 10px 10px;
		border-radius:0 0 10px 10px;
		padding:5px 0 5px 10px;
		position: relative;
		z-index: 999;
		background:#fff url(../image/footer-top-bg.png)
changed z-index:999; to 50

Newbie

Posts

Joined
Tue Apr 17, 2012 4:53 pm
Who is online

Users browsing this forum: No registered users and 45 guests