Dropdown menu issues, css, colors

  • fkaf

    (@fkaf)


    15 years ago

    When I hoover the submenues, the parent top menu goes white. (it`s grey, but changes to white when hoovering because of grey hoover background
    I want it to stay grey when it`s not highlighted and has grey hoover background

    Also the sublevel links are the same colour as the top level active link. Is there a way to avoid that?

Viewing 6 replies - 1 through 6 (of 6 total)
  • nouveller

    (@nouveller)

    You’ll have to provide your HTML and CSS (or the link) for anyone to have a look but this really isn’t the right place for advice on HTML and CSS.

    Thread Starter fkaf

    (@fkaf)

    /* 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:2px;
	display:block;
	color:#444;
	height:24px;
	line-height:24px;
	text-decoration:none;
	font-size:14px;
    	padding-left:12px;
	padding-right:7px;
	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:6px;
	margin-left:12px;
	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;
}
#menus li li a.last {
        border-bottom:2px solid #aeb1a3;

}
#menus li li a:hover {

	color:#fff;
	background:#404040;
} 

#menus li li a.current {

	color:#000;
}

#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)

    My only issue now is
    when I move the pointer from the top level to the submenu,
    the toplevel link goes back to white colour ( white w/ grey bg when hoover)
    How can I get the link color to turn dark again?

    Thread Starter fkaf

    (@fkaf)

    Need help on this one. anyone have a suggestion?
    see menu here
    https://www.kjagen.com/iron-maiden/vids/

    Thread Starter fkaf

    (@fkaf)

    There must be css expert out there? ??

    Thread Starter fkaf

    (@fkaf)

    I still can`t figure out this one.
    Any help?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Dropdown menu issues, css, colors’ is closed to new replies.

Tags