If I include an additional element, a form field or even a single character, in 
the div the focus ring is visable.

I'm not suggestion this as a solution...just hopefully something that will 
trigger an idea from someone as to how to fix this properly.

-----Original Message-----
From: [email protected]
[mailto:[EMAIL PROTECTED] Behalf Of Ruiz, Kevin
Sent: Friday, October 20, 2006 11:33 AM
To: [email protected]
Subject: RE: [WSG] IE Issue: focus not set on image buttons within a
floated div


Thanks for the replies...I had to put this on the backburner for a while but 
would like to pick it up again.

To answer your questions:

1. The focus does appear when the div is not floated
2. I'm using <input>

my code looks like...

<div><input type="image" name="btnBack" id="btnBack" 
src="../images/btn_back.png" alt="back" border="0" /></div>
<div><input type="image" name="btnNext" id="btnNext" 
src="../images/btn_save.png" alt="next" border="0" /></div>

when I float the two divs i assign them IDs of "btn_next" and "btn_back"

#btn_back
        {
                position:relative;
                text-align:left;
                float:left;
                margin:20px 0px;
                outline-color:#f90;
        }

#btn_next
        {
                position:relative;
                text-align:right;
                float:right;
                margin:20px 0px;
        }

-----Original Message-----
From: [email protected]
[mailto:[EMAIL PROTECTED] Behalf Of Christian Montoya
Sent: Tuesday, October 03, 2006 7:01 PM
To: [email protected]
Subject: Re: [WSG] IE Issue: focus not set on image buttons within a
floated div


> On Wed, 04 Oct 2006 04:26:32 +1000, Ruiz, Kevin <[EMAIL PROTECTED]> wrote:
>
> > I have two image buttons that are not displaying a focus indicator in
> > IE...this works fine in Firefox. The culprit seems to be the fact that
> > both are within a div that's floating. Does anyone know a way around
> > this. My client has made an issue of the fact that a user cannot see a
> > visual indicator of focus when the user has tabbed to either of the
> > buttons.

Please expand...

1. Does the focus appear when the div is not floated?

2. Are you using <input> or <button>?

As mentioned before, :focus doesn't work in IE 6 and below, but I'm
not sure if that is actually your problem.

-- 
-- 
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.com


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to