[css-d] active: span in IE6?
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
titleactive: 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
diva href=where2span/span/a/div
/body
/html
__
css-discuss [EMAIL PROTECTED]
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-d] Re: active: span in IE6?
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
titleactive: 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
diva href=where2span/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 PROTECTED]
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/
Re: [css-d] Re: active: span in IE6?
Olaf,
that's a solution to a different question.
for this purpose the span must be the active area, not it's content.
regards
~:
On 21 Sep 2005, at 15:09, Oa Berg wrote:
Hi,
what about this?
1. Give the spec to a inside span
span a {
...snip...
}
html:
divspana 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
titleactive: 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
diva href=where2span/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 PROTECTED]
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/
Jonathan Chetwynd
Accessibility Consultant on Learning Disabilities and the Internet
29 Crimsworth Road
SW8 4RJ
020 7978 1764
__
css-discuss [EMAIL PROTECTED]
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-d] span as anchor in IE6
The code snippet* validates for css and html, the link works in IE6
and firefox, but neither provide the usual dotted outline
but in IE6 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
titleactive: 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; }
a:hover span { border-color:red;}
/style
/head
body
diva href=where2span/span/a/div
/body
/html
__
css-discuss [EMAIL PROTECTED]
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/
