Comments on: Single image replacement rollovers with Suckerfish dropdowns

By: John Faulds

John Faulds — Fri, 03 Dec 2010 12:41:34 +0000

Can’t see anything obvious Ryan and unfortunately I don’t have the ability to test in IE6 properly right now.

By: Ryan

Ryan — Thu, 02 Dec 2010 22:26:46 +0000

Such a great tutorial! I thought I had it all working great until I tested in IE6, and I get no hover or dropdown in IE6..though it works great for every other browser! I was sure to use the .htc file and the Hollyhack too

http://ei2.mobi/certusoft/

CSS file for the menu is at:

http://www.ei2.mobi/certusoft/css/menu.css

I would be so grateful for any help!

By: John Faulds

John Faulds — Mon, 25 Oct 2010 07:42:59 +0000

It’s because you’ve got overflow:hidden on ul.IR li.

By: John Faulds

John Faulds — Sun, 24 Oct 2010 21:41:01 +0000

Hi Rowan, would really need to see a live link to be able to troubleshoot this properly.

By: Rowan

Rowan — Sat, 23 Oct 2010 12:44:12 +0000

First I have to say that your css is very tidy and the explanations wellwritten. But I’m having some nasty problems though.

First of all my first ul is placed 40px to the right. I tried this:
ul.IR li { position: relative; overflow: hidden; font-size: 0.9em; color: #FFF; margin: 0; padding: 0; }
but it shamefully didn’t work

Next to that the dropdown won’t show.

Thanks in advance!

By: John Faulds

John Faulds — Thu, 05 Aug 2010 13:10:21 +0000

Hi Patricia, if you review the code in the tutorial, you'll see that all styles in the dropdown are preceded with a class of .nav, e.g.

.nav li { ... }

By: Patricia

Patricia — Thu, 05 Aug 2010 13:02:11 +0000

Hi and thanks for the cool drop-down menu! I need to prevent this style in DropDowns.css [ li {list-style-type: none;} ] from removing all the bullets throughout my website, the styles for which are [
ul {
list-style-type:square;
font-family:Verdana, Arial, Helvetica, Sans Serif;
color:#333333;
font-size:1em;
margin-top:0px;
margin-bottom:10px;
}

li {
list-style-type:square;
font-family:Verdana, Arial, Helvetica, Sans Serif;
color:#333333;
font-size:1em;
margin-top:5px;
margin-bottom:10px;
margin-left: 25px;}
]
What code changes must I make to do this?

By: John Faulds

John Faulds — Wed, 04 Aug 2010 20:55:51 +0000

Hi Anessa, would need to see what you’ve got in dropdowns.css to give you an answer.

By: Anessa

Anessa — Wed, 04 Aug 2010 19:01:32 +0000

Thank you for this great menu. Something in the DropDowns.css is removing the paragraph line heights and list item bullets throughout the my entire website, the styles for which I had set in a separate style sheet. I can see in DropDowns.css that [li {list-style-type: none;} is removing all bullets on the entire site, but don’t know what is causing the paragraph line height issues. What do I need to change in DropDowns.css to fix this?
Thanks,
Anessa

By: John Faulds

John Faulds — Thu, 29 Jul 2010 20:21:51 +0000

Anessa, there is no alt text because there’s no images in the HTML, it’s all text anyway, so all accessibility concerns are covered.