The page I’m blogging about was mentioned in a previous blog. It’s at: http://www.socaltrailriders.org/ducks/
Finally figured out an obscure little Internet Explorer bug related to the CSS drop down menus when utilizing the ’suckerfish’ technique. Well . . . I didn’t really figure it out myself. More like I Googled the problem and found an answer.
The menu technique is described here: http://www.htmldog.com/articles/suckerfish/dropdowns/
Because of the way javascript had been used to make up for Internet Explorer’s shortcomings, only one menu could be used. I had plans to use two menus; one menu for creating threads and another for creating calendar events. This person had a solution which worked as advertised.
With Parallel’s fired up I had 4 browsers across my screen for a round of testing:
- Firefox (mac)
- Safari (mac)
- IE6 (windows)
- IE7 (windows)
All browsers faired well with the menus except for IE7 which has a new CSS bug. The menu’s wouldn’t collapse after the mouse was moved away from the menu. Again, Google provided an answer. By adding this little bit of code:
#nav li:hover {background-position: 0 0}
IE7 was able to display the menu just fine. Here are some things I’ll work on in the following days:
- Pretty: gonna try a few more color combos and such to see what will make the page more pleasing to the eye and more user friendly
- Ad play: gonna play with ad integration to see what would work best.
- Strip and PHP: Take out header and footer html and stick that in a PHP function. Then call the function on any page that uses that header and footer. This will give me a central place to control the header/footer of the entire site - making upkeep a bit easier.
Here’s a screenshot of one of the two suckerfish menus:

I guess I should find some time to also work on homework?