Previous Message
Next Message

Re: active: span in IE6?

Sent by Oa Berg on 21 September 2005 14:02


Hi,
what about this?

1. Give the spec to <a> inside <span>

span a {
....snip...
}

html:
<div><span><a href="where2"></a></span></div>


2. Add
span a:hover
{
  border-color:red;
}

Regards
Lars Olof Berg


Jonathan Chetwynd wrote:
> apologies, in IE6 one can give focus, but the dotted outline isn't  
> apparent.
> 
> On 21 Sep 2005, at 14:39, Jonathan Chetwynd wrote:
> 
> The code snippet* validates for css and html, the link works in IE6  and 
> firefox,
> but in IE6 one can't give focus, the hand cursor isn't there, and one  
> can't change the border-color via css.
> 
> is there a workaround for any or all of these three issues?
> 
> adding content to span does not appear to effect the outcome.
> 
> cheers
> 
> Jonathan Chetwynd
> Accessibility Consultant on Learning Disabilities and the Internet
> 
> 
> *
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// 
> www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
> 
> <head>
> <title>active: span in IE6?</title>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> <style type="text/css">
> body { background-color: #cca; color:black; font-family: "Times  Roman", 
> sans-serif; font-size: 190%;}
> span {position: absolute; top: 9em; left: 1em;  height:2em; width:  
> 12.5em;  background: #ff9; padding-top: 4.5em; padding-left:0.5em;   
> border:outset; border-color:blue; }
> </style>
> </head>
> 
> <body>
> <div><a href="where2"><span></span></a></div>
> </body>
> 
> </html>
> 
> 
> 
> 
> 
> Jonathan Chetwynd
> Accessibility Consultant on Learning Disabilities and the Internet
> 
> 29 Crimsworth Road
> SW8 4RJ
> 
> 020 7978 1764
> 
> 
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: