Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorLarrySB
    • CommentTimeMay 25th 2007 edited
     permalink
    Hi! This is my first post in this CSS Beauty - SkillShare forum.

    I did a research project for a CSS class on remote rollover. I converted my findings into this page on my soulbeams.net site. [Edited July 29, 2007 to correct URL]

    The examples work in most browsers, except as noted. The problem I hope you folks can help with is the sibling remote rollover example, about 2/3 of the way down the page. It's not working in Safari 2.0.4 on Mac OS 10.4.9. Any ideas about how to make it work?

    -----

    A terminology question: I've called the effect CSS Remote Rollover, but I've seen the term "disjointed rollver" while reading this forum. Is "disjointed rollover" the same thing that I am describing as "remote rollover"? Are there other terms for the same CSS effect?

    Thanks for reading!
  1.  permalink
    Nice work!

    Bookmark'd.
  2.  permalink
    So what is special about it?
    For me it's just hover no more no less.

    Cheers, DS
    • CommentAuthorLarrySB
    • CommentTimeJun 9th 2007
     permalink
    I finally got my sibling remote rollover/dijointed rollover/hover example to work in Safari. Short version - Safari is very touchy about making dynamic changes to a sibling that are triggered by a hover event. I wouldn't want to depend on it for any commercial work.

    Read my updated page for more details. I got on the right track starting here: Expanding popup menus in pure CSS, by Inigo Surguy.

    If anyone can tell me why this mystery hack works, I'd be grateful!:

    div#a_sibling *:hover { }
Add your comments
    Username Password
  • Format comments as (Help)