Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Tom Livingston
So no takers on this? Am I missing something so simple that everyone was afraid to tell me? No one has IE 10 to test in? The layout has changed on the actual page, but I'd still love to know what was going on on my test page... Thanks! On Mon, Feb 25, 2013 at 11:38 AM, Tom Livingston

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Georg
On 27.02.2013 11:30, Tom Livingston wrote: http://proof.mlinc.com/tl/cssd3/test.html In Win 8, IE 10 (desktop or 'metro'), when we hover over the href in the middle callout at the bottom, the shadowed containing div of the three callouts expands down is some broken and odd way leaving odd

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Tom Livingston
On Wed, Feb 27, 2013 at 11:49 AM, Georg ge...@gunlaug.com wrote: On 27.02.2013 11:30, Tom Livingston wrote: http://proof.mlinc.com/tl/**cssd3/test.htmlhttp://proof.mlinc.com/tl/cssd3/test.html In Win 8, IE 10 (desktop or 'metro'), when we hover over the href in the middle callout at the

[css-d] hover and active pseudo classes on touch screen

2013-02-27 Thread Laura Valentino
Touch screens seem to ignore my a:active color and just use some random color, and the a:hover color (which I expected to do nothing on a touch screen) becomes something like selected link color (stays highlighted) - which is actually kinda cool, if unexpected. Is this a known thing? Google isn't

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Georg
On 27.02.2013 11:55, Tom Livingston wrote: Good to know I am not going crazy. Yet. :-) ... apparently not yet. The addition of... .calloutwrap p {overflow: hidden;} ...seems to make IE10 behave in your case. You must check at your end so we know it isn't an only on some systems fix. I'll

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Tom Livingston
On Wed, Feb 27, 2013 at 12:56 PM, Georg ge...@gunlaug.com wrote: On 27.02.2013 11:55, Tom Livingston wrote: Good to know I am not going crazy. Yet. :-) ... apparently not yet. The addition of... .calloutwrap p {overflow: hidden;} ...seems to make IE10 behave in your case. You must

Re: [css-d] hover and active pseudo classes on touch screen

2013-02-27 Thread Tom Livingston
On Wed, Feb 27, 2013 at 12:51 PM, Laura Valentino la...@vidmot.com wrote: Touch screens seem to ignore my a:active color and just use some random color, and the a:hover color (which I expected to do nothing on a touch screen) becomes something like selected link color (stays highlighted) -

[css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Angela French
It seems like it should be pretty simple, but my icon isn't showing up: http://www.sbctc.edu/testEmailNEW.html , so I'm probably just overlooking something simple. I've tested in IE 9, FF 18, and Opera 11, but no go. Grateful for any help. style type=text/css a[href ^=mailto:;] {

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Philip TAYLOR
Are you sure there are supposed to be single quotes around the URL ? Philip Taylor. Angela French wrote: It seems like it should be pretty simple, but my icon isn't showing up: http://www.sbctc.edu/testEmailNEW.html , so I'm probably just overlooking something simple. I've tested

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Angela French
I looked in my CSS files and I have it both ways (single/double quote) in other instances and it works either way. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css- discuss.org] On Behalf Of Philip TAYLOR Sent: Wednesday, February 27, 2013 3:41

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Geoff Pack
You're using the shorthand form, so 'background-image' should be just 'background'. On 28/02/2013, at 10:38 AM, Angela French wrote: It seems like it should be pretty simple, but my icon isn't showing up: http://www.sbctc.edu/testEmailNEW.html , so I'm probably just overlooking

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Philip TAYLOR
Angela French wrote: I looked in my CSS files and I have it both ways (single/double quote) in other instances and it works either way. OK, that's not the cause then; for some reason I mis-remembered that quotes were not permitted there -- in fact, they are simply not required : 4.3.4

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Philippe Wittenbergh
Le 28 févr. 2013 à 08:40, Philip TAYLOR p.tay...@rhul.ac.uk a écrit : Are you sure there are supposed to be single quotes around the URL ? Adding single/double quotes around URL's is perfectly legit (albeit optional). http://www.w3.org/TR/CSS21/syndata.html#uri Angela French wrote: style

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Philippe Wittenbergh
Le 28 févr. 2013 à 08:50, I e...@l-c-n.com a écrit : Angela French wrote: style type=text/css a[href ^=mailto:;] { You have a spec between the href and the '^'. There should be none. Ahem… obvious typo: 'spec' should be 'space'. Darn auto-correction. Philippe -- Philippe

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Angela French
This is the winning reply! Thanks Jon and everybody that took a look. From: Jon Reece [mailto:jon.re...@gmail.com] Sent: Wednesday, February 27, 2013 3:55 PM To: Angela French Subject: Re: [css-d] trouble getting email icon to display with attribute selector Y ou are using shorthand syntax for

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Georg
On 27.02.2013 18:47, Geoff Pack wrote: background-image:url('/imgs/layout/icon_emailTEST.jpg')0 0 no-repeat; Correct. Make it... background:url('/imgs/layout/icon_emailTEST.jpg')0 0 no-repeat; ...and it will work. regards Georg

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Jon Reece
(Keep inadvertently replying to OP instead of reply all... so sorry for duplicate Angela.) You are using shorthand values for a non-shorthand property background-image: Change to background: and you should be good. -- Jon Reece jon.re...@gmail.com On Wed, Feb 27, 2013 at 6:38 PM, Angela

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Angela French
Am I correct that this selector does NOT work in IE 7 ? IE9 in compatibility mode isn't displaying the icon. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css- discuss.org] On Behalf Of Jon Reece Sent: Wednesday, February 27, 2013 4:04 PM To:

Re: [css-d] trouble getting email icon to display with, attribute selector

2013-02-27 Thread Christian Ziebarth
Angela French wrote: It seems like it should be pretty simple, but my icon isn't showing up:http://www.sbctc.edu/testEmailNEW.html , so I'm probably just overlooking something simple. I've tested in IE 9, FF 18, and Opera 11, but no go. Grateful for any help. style type=text/css a[href

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Jon Reece
On Wed, Feb 27, 2013 at 7:17 PM, Angela French afre...@sbctc.edu wrote: Am I correct that this selector does NOT work in IE 7 ? IE9 in compatibility mode isn't displaying the icon. No, attribute selectors are supported in IE7 (CSS 2.1) - http://caniuse.com/#feat=css-sel2 Maybe there is

Re: [css-d] trouble getting email icon to display with attribute selector

2013-02-27 Thread Jukka K. Korpela
2013-02-28 3:49, Jon Reece wrote: On Wed, Feb 27, 2013 at 7:17 PM, Angela French afre...@sbctc.edu wrote: Am I correct that this selector does NOT work in IE 7 ? IE9 in compatibility mode isn't displaying the icon. No, attribute selectors are supported in IE7 (CSS 2.1) -