Need some help with my menu css

  • fkaf

    (@fkaf)


    16 years, 3 months ago

    Take a look here
    http://www.kjagen.com/medi_a/photos/

    Top level hoover colour is white ( because hoover has grey bg)
    But it`s still white when the sublevel is active ( and the bg is white f3f3f3 ). I want the link color to go back to black when the sublevel is active

    How can I do that?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter fkaf

    (@fkaf)

    16 years, 3 months ago

    /* navigation START */
#navigation  {
	background:#f3f3f3 url(img/bg_diag_dark.pn) 700px 24px;
	border-top:1px solid #ccc;
	margin-left:px;
        margin-right:px;
  	border-bottom:1px solid #ccc;
}
#menus {
    	background:f3f3f3;
	font-family:Georgia, Arial, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
	font-size:10px;
	text-transform : lowercase;
	font-weight:bold;
	margin-left:3px;
	margin-right:7px;
	border-bottom:px solid #aeb1a3;
}
#menus li {
	display:inline;
	list-style:none;
}
#menus li a {
	background:f3f3f3 url(img/toppmenybakgrunn.gi) top repeat-x;
	border-right:1px dashed #ccc;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	color:#444;
	height:24px;
	line-height:24px;
	text-decoration:none;
	font-size:14px;
    	padding-left:12px;
	padding-right:12px;
	float:left;
	z-index:1;
}
#menus li a:hover {
	color:#fff;
	display:block;
	background:#404040;

}
#menus li a.current {
	background-position:0 -31px;
	color:#fff;

}
#menus li.current_page_item a,
#menus li.current-cat a {
	background-position:0 -62px;
	color:#ef4135;
}
#menus li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	color:#000;
	text-indent:-999em;
}
#menus li a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -155px;
	}
#menus li a.lastmenu:hover {
	background-position:0 0;
	cursor:default;
}

/* navigation END */

/* submenu START */

#menus li ul {
	display:none;

       	font-family:Georgia, Arial, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
	font-size:11px;
        font-weight:normal;
	background:#f3f3f3;
	border-right:2px solid #aeb1a3;
	margin-top:1px;
	margin-left:px;
	position:absolute;
	z-index:1;

}
#menus li li {

	float:none;
	margin:0;
	padding:0;
	list-style:none;

}
#menus li li a {

        font-size:12px;
	float:none;
	padding:9px 8px 7px 10px;
	text-decoration:none;
	background-image:none;
	height:auto;
	line-height:80%;
	color:666;
	display:block;
	width:120px;
	color:#000 !important;
	margin-left:10px;
}
#menus li li a.last {
        border-bottom:2px solid #aeb1a3;

}
#menus li li a:hover {
	color:#fff !important;
	background:#404040;
} 

#menus li li a.current {

	color:#ef4135 !important;
}

#menus li li a.subtitle,
#menus li li a.subtitle:hover {
	background-image:url(img/arrow.gi);
	background-position:right;
	background-repeat:no-repeat;
}
/* submenu END */
    Thread Starter fkaf

    (@fkaf)

    16 years, 3 months ago

    I`ll try again

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Need some help with my menu css’ is closed to new replies.