dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: a:focus or a:active and Safari

  1. #1
    Join Date
    Jun 2007
    Posts
    34

    a:focus or a:active and Safari

    Found a strange glitch when viewing my site in Safari. I have to hold the a href item down instead of clicking on it (as works in Firefox and IE) to show a larger photo to the right.

    It doesn't even work for Stu. Anyone think they're smarter?

    Here's the css for the class

    .photo ul li a:focus.hor img, .photo ul li a:active.hor img {
    background-color: #000;
    position:absolute;
    left:360px;
    top: 0;
    width:320px;
    height:320px;
    border: 1px solid #fc0;
    padding: 5px 5px;
    }

    Not supported by Safari?

    (see it in action here: http://www.imageengineering.com/pages/flames.htm )


    Amy

    ps. There are even more errors on the site, but I'm tackling them one at a time. Oh, and I know, I have to take off the "<!-- Put IE into quirks mode -->" at the beginning. I was using that to fix a IE6 scrolling/div size issue, which was unwise. Learned my lesson, fixing the problem, I hope.
    Last edited by artcase; 06-14-2007 at 09:55 PM. Reason: btw/addon

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    Are you sure you need selectors that complex?

    I see what you mean, though. Safari seems to be acting on :active rather than :focus. I don't recall. Where does :focus fit in the love-hate sequence?

  3. #3
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    from memory it is:

    link
    visited
    focus
    hover
    active

  4. #4
    Join Date
    Jun 2007
    Posts
    34
    Cool. It still doesn't explain why the photos won't stay displayed if you release the mouse button.

    Anyone have an answer?

    Thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles