Changing Drop-down-menu Parameters

  • Resolved rockmouseman

    (@rockmouseman)


    13 years ago

    Sometimes, drop-down-menu CSS is a real puzzle to me. The cascading ul, li, ul, li, etc.. and how they relate to and effect each just seems weird. Anyway, there’s a background i want for the hover for the main tear, and it’s showing up for the second and third tier as well, which I don’t want. Here’s the applicable code. The image I’m speaking of is bkg_topMenuRoll.png. I didn’t write the original code, so maybe something needs to be added.
    Here’s the web page: http://therosecircle.org/2013/
    Thanks for any help anyone can offer!

    #menu-primary li a {
		float: left;
		padding: 6px 25px;
		font: normal normal bold 12px/25px Arial,"Helvetica Neue",Helvetica,sans-serif;
		text-transform: uppercase;
		color: #1f2502;
		text-decoration:none;}

		#menu-primary li a:hover { background: url(images/bkg_topMenuRoll.png); }

		#menu-primary li.current-menu-item a { background: url(images/bkg_topMenuRoll.png);
		}

	#menu-primary li li a {
		margin: 0 15px;
		padding: 6px 15px;
		font-weight: normal;
		text-transform: none;
		color: #e7ece0;
		text-transform:capitalize;}

	#menu-primary li ul {
		padding-bottom: 15px;
		background: url(images/bkg_secondaryMenu.png);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		text-transform:capitalize; }

	#menu-primary li:hover ul,#menu-primary li.sfHover ul { top: 35px }

	#menu-primary li:hover li ul,#menu-primary li.sfHover li ul { top: -999em }

	#menu-primary li li:hover ul,#menu-primary li li.sfHover ul { top: 0 }

	#menu-primary li li:hover {
		background: url(images/bkg_secondaryMenuRoll.png)
	}
Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Can you just write the additional 4 lines of code to tell those submenus not to affect the 2nd and 3rd tears?

    li ul ul,
li ul ul ul {
 background: none;
}

    Thread Starter rockmouseman

    (@rockmouseman)

    13 years ago

    Maybe. The thing is that there is an image loading for the 2nd and 3rd tears.

    #menu-primary li li:hover {
		background: url(images/bkg_secondaryMenuRoll.png)
	}

    But right now it’s loading BOTH images at the same time – the dark bar, and the white gradient. So, if I told it not to have a background, it would prevent it from using the bk image that i do want it to use – right?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    So, if I told it not to have a background, it would prevent it from using the bk image that i do want it to use – right?

    Yes, but you don’t have to take my code literally.

    Thread Starter rockmouseman

    (@rockmouseman)

    13 years ago

    Yeah, I got it worked out.
    http://therosecircle.org/2013

    `
    #menu-primary li ul li a:hover, li ul ul li a:hover {
    background: none;
    background-color: #1f2502;
    }

    li ul ul li a:hover {
    text-decoration:underline !Important;
    }
    ‘

    What’s bizarre is that on one 3rd tear menu, the white gradient is showing up at the bottom. TOTALLY WEIRD.

    Thread Starter rockmouseman

    (@rockmouseman)

    13 years ago

    Oop – it’s set for current-menu-item :]

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

The topic ‘Changing Drop-down-menu Parameters’ is closed to new replies.