WordPress.org

Ready to get started?Download WordPress

Forums

Need some help with my menu css (3 posts)

  1. fkaf
    Member
    Posted 4 years 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?

  2. fkaf
    Member
    Posted 4 years 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 */
  3. fkaf
    Member
    Posted 4 years ago #

    I`ll try again

Topic Closed

This topic has been closed to new replies.

About this Topic