home about us contact us

free scripts advanced scripts online tools great books web related tutorials contributed tutorials news archive geek toys!

help forum live chat help

Selected article

RSS feed   enewsbar Live Subscribe    Add to MyYahoo    Add to Google

Other HTMLfixIT articles:

by Don

A web designer who regularly subcontracts me to prepare various elements for pages they are working on hired me to do a Son of Suckerfish Drop Down Menu. The requested layout was a bit more complex than even the prettied drop down menu version on the site. My requested task involved the use of a background image, borders around the drop downs, and images that formed dividers between each main menu item to essentially make them look like buttons.

As is usually the case with this designer, they requested that my fix work in Firefox, Internet Explorer 6.x and Internet Explorer 7.x. So I went about drafting the proper xhtml and css to create the desired look and functionality. I tested it in each of these browsers and all went as planned. I shipped it to the designer via ftp upload and sat back in satisfied bliss. That is until the end client had a run at it. They use primarily IE7. Problem, when you move the cursor just right, you got a sticky hover on the drop downs. I played and fiddled and figured it had to be the dimensions specified for one of the elements. Finally I gave up and wrote to the css-d list. As you may know, the css-d list is the home to some css gods — many of whom are willing to stoop down and help the lowly of us!

Someone there pointed out that this was a documented issue in IE6, and most often is seen with a click on a drop down item in even the basic Son of Suckerfish in IE7. Mine did not require a click, only a careful mouse movement right at the hover/unhover point.

Fortunately they also pointed me to the solution for a sticky hover in Internet Explorer (solution explained here), simply include this in the hover element the following:
#nav li:hover {background-position: 0 0;}

It worked and my code is repaired.

This brings up another point. I am available for hire to help you on your projects. Do you need help with an html, CSS, mysql, perl or php project? I regularly take on projects on a sub-contracted basis for web designers. Each of these are typical things I do:

  • repair broken sites, with a specialization on broken implementations of WordPress Blogs or Expression Engine Sites
  • Code PHP, for things like WordPress Sidebars and Widgets
  • create the xhtml or html layout and supporting css framework to fit a design that you have laid out in Photoshop, Paint Shop Pro, CorelDraw X3 or12, or other image editing software
  • implement mailing lists and counters written in perl
  • install OS Commerce for clients to sell their products on the internet
  • Install a WordPress Blog or Content Management System for a client and customize one of the hundreds of templates that are available for WordPress
  • Improve your coding to enhance your SEO goals enabling your pages to make a move towards the top of the search engines because of cleaner code, compliant code, code that comes in the proper order and code that works in multiple viewing devices
  • Do the little things that frustrate you as a designer to free you up to design

Let us be part of your html fix toolbox. If you need a quote just let me know using the contact form to the left side of our pages.

7 Responses to “Fixing a Sticky Son of Suckerfish Menu”

  1. Hotel Bayern Says:

    Thanks for very interesting article. btw.
    I really enjoyed reading all of your posts.
    It’s interesting to read ideas, and observations from someone else’s
    point of view… makes you think more. So please keep up the great work.

  2. Jason Massengale Says:

    Found your fix here:

    Yours worked best, thanks.

  3. Painting Says:

    Very nicely done.


  4. Halloween Discount Says:

    A Halloween occasion is only a normal yearly occasion for a considerable lot of us. However, for a few, this is the most anticipated season. On the off chance that you consider yourself the not many that affection to simply dress in an ensemble, be pleased with it.

  5. The Mandalorian Jacket Says:

    Thank you for this great contribution, I find it very interesting and well thought out and put together. I hope to read your work in the future.

  6. Commercial Garage Door Repair Edmonton Says:

    Keep on sharing great ideas and information! We appreciate it and continue your great work!

    Commercial Garage Door Repair Edmonton


    Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write

This site is totally free to use, you have absolutely no moral or legal obligations to help us continue.
There are however, some costs involved in running the site.

<random humor>
Plus Don likes to feel he has helped keep Franki in BBQ sauce.
</random humor>

So if this site helped you find your way, perhaps you could consider contributing to our costs. Whatever amount you feel this site was worth to you would be just wonderful.
Use PayPal if you do decide to share and help us with the costs and in appreciation for our time and attention, or alternatively buy a book from our Bookstore..

  Time  in  Don's  part  of the world is:   April 22, 2024, 10:23 pm
  Time in Franki's part of the world is:   April 23, 2024, 11:23 am
  Don't worry neither one sleeps very long!

privacy policy :: support us :: home :: live chat help
contact us :: forum ::tutorials :: bookstore :: Site Map

      Valid XHTML 1.0!             powered by Apache Server
Pic 3 Pic 3


CIGHTML Firefox Thunderbird ClamWin WordPress SpyBot S&D TheGIMP Apache for Windows Registry Cleaners More cool stuff:


HTMLfixIT Site Stats.

Browser Statistics
Internet Explorer 85.88%
IE 717.63%
IE 62.3%
IE 50.00%
IE other8.6%
Moz Firefox 3.x3.03%
Moz Firefox 2.x0.18%
Moz Firefox 0.x/1.x26.65%
Netscape 8.x0.00%
NS 6+/Mozilla2.73%
Moz Seamonkey0.00%
Netscape 4.x0.00%
Opera 9.x0.00%
Opera 8.x0.00%
Opera 7.x0.42%
Opera 6.x0.00%
Opera other0.42%
Safari Mac/Intel5.21%
Safari Mac/PPC0.06%
Safari Windows25.2%
Google Chrome1.51%

Resolution Statistics
640 x 4800.25%
800 x 60026.14%
1024 x 76836.55%
1152 x 8640.25%
1280 x 80011.68%
1280 x 8540.00%
1280 x 102417.01%
1400 x 10500.00%
1600 x 12001.02%
1920 x 12007.11%
2560 x 10240.00%

OS Statistics
Windows 741.55%
Windows Vista2.4%
Windows 20033.91%
Windows XP20.86%
Windows 20000.36%
Windows NT40.05%
Windows 98/ME0.05%
Windows 950.00%
Mac OSX8.03%
Mac Classic0.00%

New Windows Virus Alerts
also by sophos.

17 Apr 2011 Troj/Mdrop-DKE
17 Apr 2011 Troj/Sasfis-O
17 Apr 2011 Troj/Keygen-FU
17 Apr 2011 Troj/Zbot-AOY
17 Apr 2011 Troj/Zbot-AOW
17 Apr 2011 W32/Womble-E
17 Apr 2011 Troj/VB-FGD
17 Apr 2011 Troj/FakeAV-DFF
17 Apr 2011 Troj/SWFLdr-W
17 Apr 2011 W32/RorpiaMem-A

For details and removal instructions, click the virus in question.