Suckerfish Dropdown Issues

Maverick25r · #1 (**permalink**) Sep 25th, 2006, 16:38

Suckerfish Dropdowns...

How come whenever I try to adjust the margins for the second level lists the links disappear when i rollover them. Here is my code.

Code: Select all

li ul { /* second-level lists */
	display: none;
	position:absolute;
	top: 1em;
	left: 0;
	background-color:#3C3C3C;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:5px;
	
	
}

ukgeoff · #2 (**permalink**) Sep 25th, 2006, 18:51

It's a persistent problem for people. As soon as they adjust anything on these menu systems they start having problems.

Work through the css menu tutrial available through the sticky at the top of this forum then you will be able to construct your own menus systems from the ground up and understand all the ins and outs.

Ryan Fait · #3 (**permalink**) Sep 27th, 2006, 11:21

Instead of using margin, using padding for this type of thing. Padding is more forgiving than margin and has less problems with rollover menus because extra padding is still "empty space," but when your cursor is over the space, it's still on the element.

Maverick25r · #4 (**permalink**) Sep 27th, 2006, 12:07

Padding only gave me more room on top, I wanted to move the actual rollover menu down. I figured it out. I used the son of a suckerfish method and made a seperate div to adjust the margin only and wrapped it around the ul.

ukgeoff · #5 (**permalink**) Sep 27th, 2006, 15:47

You wouldn't need to go to those lengths if you worked the tutorial as I suggested.

Ryan Fait · #6 (**permalink**) Sep 27th, 2006, 23:13

Oh, I thought you were talking about the underlying <ul>'s.

Maverick25r · #7 (**permalink**) Sep 28th, 2006, 21:33

I was if you mean the second level lists.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Internet Explorer z-index bug suckerfish dropdown	RaidenFX	Web Page Design	2	Jan 26th, 2008 17:51
Need Help with this Dropdown Content	Maska	JavaScript Forum	7	Sep 21st, 2007 16:44
suckerfish ie7	adsalamon	Web Page Design	2	Jan 3rd, 2007 13:48
Dropdown Problem	leewad	JavaScript Forum	1	Jul 27th, 2006 21:51
Dropdown menu	Jorgerb	Flash & Multimedia Forum	6	May 17th, 2005 08:29

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Suckerfish Dropdown Issues