• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Tulipe > Drop-Down Menus in Tulipe

Drop-Down Menus in Tulipe

If you look at Tulipe in its progressively enhanced mode, you’ll see the premise described above—HTML lists achieve the menu structure, and a host of styles create the hover behavior and make them look great. But because of the same Internet Explorer problem you saw occur while going over the methodology used, Shepherd had to think through the CSS very carefully. The goal was allowing the sophisticated effect to shine through in more robust CSS browsers, but to hide those styles from Internet Explorer and send an alternate style that, while not as sophisticated, would work within Internet Explorer and avoid hiding the menu without destroying the design.

Turnabout Is Fair Play

So there are two important discoveries to note about Internet Explorer here. First, it doesn’t allow the pseudo element selector :hover to be applied to anything other than a link. As a result, you cannot replicate the hover effects, so the drop-down itself isn’t going to be possible with this approach. Second, we know that Internet Explorer does not understand certain types of selectors. One such selector is the child selector, which makes them a first-line defense when it comes to hiding styles from Internet Explorer. From Tulipe:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint