With sons-of-suckerfish I was able to fix the sticking down issue in IE with jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js "></script>
<script type="text/javascript"><!--//--><![CDATA[//><!--
jQuery(document).ready(function() {
jQuery("#nav li").hover(
function(){
jQuery(this).addClass("sfhover");
},function(){
jQuery(this).removeClass("sfhover");
});
});
//--><!]]>
</script>

Hope this is useful to someone out there,

Cheers,

Henrik




Henrik Madsen
+61 08 9387 1250
hen...@igenerator.com.au
www.igenerator.com.au

On 04/03/2010, at 5:28 AM, Bruce P wrote:

This is much better than the other suckerfish. I find people get confused as well in ie when clicking on the top ite locks it down, and all other top links also "stick" down.

What browsers does this not work in?

thank you

Bruce Prochnau
BKDesign Solutions
----- Original Message -----
From: Ruthie BenDor
To: wsg@webstandardsgroup.org
Sent: Wednesday, March 03, 2010 4:04 PM
Subject: Re: [WSG] Design a DropDownList

I've just implemented a dropdown menu of this sort, and ran into some IE6 and IE7 bugs using the "sons of suckerfish" approach. What worked for me was "Sons of Ursidae" method, http://css-class.com/articles/ursidae/ .

One gotcha: Note that if the dropdown menu overlaps with a <select> element, in IE6 the <select> will bleed through the dropdown menu. My project was already using the jQuery library, so we used a plugin called jquery.bgiframe.js to insert an iframe 'shim', and then used conditional comments to serve this JavaScript only to IE6. I'm sure that this approach can be adapted to work without the library dependency.

Cheers,
Ruthie

On Mar 3, 2010, at 3:44 PM, Haydyn phillips <hay...@haydynphillips.com> wrote:

http://htmldog.com/articles/suckerfish/dropdowns/

Best
Hayd


Naim Latifi wrote:

Hi Guys,

Does anybody know any link how to design dropdownlist control in css including listItems as well.?

Thanks!
Naim













**********************************
Naim Latifi

Student of Computer Science
Linne University

Idet 1:201
SE-35252 Vaxjo
 Sweden

Email: naimlatif...@hotmail.com
          naim.lat...@gmail.com
          nlae...@student.vxu.se
          naimlat...@yahoo.com
          my.monster.com/naimlatifi
 http:// www.linkedin.com/pub/naim-latifi/14/68a/5b2


Phone: +46765662003
***************************************************






Hotmail: Trusted email with powerful SPAM protection. Sign up now.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to