Hey Su, I got your back. I hope you don't mind me reposting your other post.

Rey...

Su's original posting:

Unfortunately, while I know my markup and CSS, I'm pretty much just far enough into JS to mess around with existing code, but not often create it *grin* The stylesheet for Lightbox doesn't do anything to the focus property, so the next possibility I see is that it looks like the next/prev links are immediately being hidden as part of the imageswitching function. So, maybe it's that they just get removed before there's a chance for the outline to show? I haven't quite figured out yet whether or when you're doing this in relation to the user clicking.

The important thing to remember, though, is that this isn't a case of "Don't do it," but "Don't negate it." The guideline is just that the focus should be indicated *somehow*. If you don't like the default outline, you can change it to something else.
So, all that's really necessary is this:
#ImageBoxPrevImage:hover,
#ImageBoxPrevImage:focus
{
    outline : none;
    background-image: url(images/imagebox/prev_image.jpg);
    background-repeat:    no-repeat;
    background-position: left bottom;
}

...which gets rid of the outline, but still ensures that there is feedback.

(BTW: Focus rules should come after hover. I can't remember the reasoning for it, and barely understood it then. It's just one of those things.)








Su wrote:
On 6/2/07, *Glen Lipka* <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> wrote:

Does it do that thing with the line down the middle in FF on Mac?

I don't know if it ever got implemented, but I posted the solution to this in the prior thread. (I'm on a limited paid hotel connection at the moment or I'd spend more time digging for you.) The problem is that Fx creates a dotted outline around links with focus(the :focus pseudo-selector) This is done for accessibility reasons. If you want to cancel it out, just add outline : none to the appropriate a:focus selector(might have to add it) since the image used for the links already provides visual feedback that something's happening and can take place of the outline.

--
BrightLight Development, LLC.
954-775-1111 (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com

Reply via email to