Re: [css-d] CSS must be called in the head?

good practice to put it there as it is a render blocking resource - meaning: it blocks any rendering until the whole stylesheet has been downloaded. It is a good idea, for performance reasons, to put it as high as possible in the head, and certainly before any script. Philippe -- Philippe Witten

Re: [css-d] CSS Grid: Can I flow content around blocks?

csswg.org/css-grid/#grid-containers Maybe something like this will work (hard to say, can you provide a URL or a test case?) figure { grid-column: 2 / 4; } figure + p { grid-column: 5 / 10; } Philippe -- Philippe Wittenbergh https://l-c-n.com/ _

Re: [css-d] td:nth-child(2) negation?

nderstood his requirement of course - in which case the code > I sent last time would also be invalid. That one is easy. td:not([colspan]):nth-child(2) { background: lime; } You could make the range narrower, e.g. td:not([colspan=2]):nth-child(2) {} Philippe -- Philippe Wittenbergh https://l

Re: [css-d] Flex item inside css grid

oes, not sure which one is correct */ My preferred option is the first one. Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/l

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

issues as `none`. BTW - the CSS spec only lists two possible values for the `appearance` property: auto or none, with auto meaning “it’s up to the UA”. https://drafts.csswg.org/css-ui-4/#propdef-appearance Philippe -- Philippe Wittenbergh https://l-c-n.com/ ___

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

> On Jun 21, 2017, at 7:24 AM, Philippe Wittenbergh wrote: > > >> On Jun 21, 2017, at 6:36 AM, Karl DeSaulniers wrote: >> >> Again, I didn't see a -webkit-appearance:none in the specs. I may have >> looked right past it. Not sure. >

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

e global keywords inherit | initial | unset are a given for every property, defined in CSS cascade [1] [1] https://drafts.csswg.org/css-cascade-3/#defaulting https://drafts.csswg.org/css-values-3/#common-keywords Philippe -- Philippe Wittenbergh

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

x: https://msdn.microsoft.com/en-us/library/hh771816 - input[type=file]: https://msdn.microsoft.com/en-us/library/windows/apps/hh779844.aspx https://msdn.microsoft.com/en-us/library/windows/apps/hh465820.aspx Have fun

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

matches when the checkbox / radio is toggled. I should have suggested using the `:checked` pseudo-class instead. Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.cs

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

t he does want to remove the native look-and-feel. Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http:/

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

earance: checkbox; border-style: unset; So, it will give exactly the same result, different of what Firefox 53 did (which only removed the platform specific “look” when the -moz-appearance: checkbox; is specified). Philippe -- Philippe Wittenbergh https://l-c-n.com/ __

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

tps://bugzilla.mozilla.org/show_bug.cgi?id=605985 https://developer.mozilla.org/en-US/Firefox/Releases/54 https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance Philippe -- Philippe Wittenbergh https://l-c-n.com/ _

Re: [css-d] Pure CSS variables (no preprocessors)

ous version don’t support css variables. FWIW, I have _on average_ a 15%~20% user base for IE 11. Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.or

Re: [css-d] How do you handle situations like this?

to give you some idea. https://emps.l-c-n.com/category/image/sand-reflections/ Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css

Re: [css-d] list of all the CSS properties?

list is this: https://drafts.csswg.org/indexes/ (but note the draft status). As an alternative, there is the excellent documentation maintained by the people at mozilla.org: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference Good

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

ographic history. IOW it is an arbitrary name. Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-di

Re: [css-d] IE Edge svg hover issue

, but can't see what Edge is doing. I'm sorry I can't provide a > link. I'll take any guesses at this point. Is this what I should see? https://dev.l-c-n.com/_junk/tl.html (best guess, after trying to desassify the provided CSS) If so, that works perfectly fine on this sid

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

window, a complete different kind of thing than above. Philippe -- Philippe Wittenbergh https://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- h

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

mputed value of font-size is actually exactly 16px. (and my cat sleeps more than 10cm away from my keyboard…) Please stop comparing the two things, it is a waste of time. Philippe -- Philippe Wittenbergh https://l-c-n.com/ ___

Re: [css-d] Ham Menus

such as “menu” or “navigation”. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

500px wide; 2.2 * 500/100 = 2.2 * 5 = 11px. In this case, the font-size will be 35.2px + 11px = 46.2px. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.o

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

scade doesn’t mess up with your calculations, * the stars align * the stock market crashed * …. * …… * my cat sleeps more than 10cm away from my keyboard In other words, almost certainly never. [1] https://drafts.csswg.org/css-values-3/#viewport-relative-lengths Philippe -- Philip

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

scade doesn’t mess up with your calculations, * the stars align * the stock market crashed * …. * …… * my cat sleeps more than 10cm away from my keyboard In other words, almost certainly never. [1] https://drafts.csswg.org/css-values-3/#viewport-relative-lengths Philippe -- Philip

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

dth ? Mr Crest, As others have already said: `em` units and `vw` units have NOTHING, I repeat, NOTHING, to do with each other. (also, if you don’t mind, please take the time to trim your replies to this list) Philippe -- Philippe W

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

e state. `vh` and `vw` units (and their companions `vmin` and `vmax`) have been implemented for quite a few years - even IE 11 supports them. An other resource is the list of CSS WG editor drafts: https://drafts.csswg.org. Philippe -- Philippe Wittenb

Re: [css-d] page gap in IE edge/11

tent (and on the way simplify your markup…). Of course, all depends on the browsers you need to support. Minimal example: https://dev.l-c-n.com/_junk/__x.html Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-di

Re: [css-d] page gap in IE edge/11

w in Edge no matter what, as it is too tall for the (maximised) window on that laptop. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/c

Re: [css-d] Hidden UL/LI

ems, similar to the keyboard users above. It would be acceptable if your top-level links point to some sort of landing page(s), where the subnav links are explicitly described. Philippe -- Philippe Wittenbergh http://l-c-n.com/

Re: [css-d] Inline Anchor failing to work ?

e interacting with the whole construct… Lacks context. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://c

Re: [css-d] What screen-width for 'smart-watches'?

layout. [1] https://drafts.csswg.org/css-round-display/ Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -

Re: [css-d] Changing the Color of points

ng two anchor points (anchor points **within the same **). If you want a series of dots, perhaps you want the element? Two s with one anchor point each will never connect to each other. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __

Re: [css-d] Changing the Color of points

> > > > > CSS > #Artwork_1_1_ .st0 { > color:blue; > } It is `path` with only one anchor point. How do you expect anything to be visible? Besides, in SVG, it is `fill` and `stroke`. Philippe -- Philippe Wittenbergh http://l-c-n.com/ ___

Re: [css-d] help getting my under by

need the `clear:both` on the figcaption, position: absolute takes care of that. 2. there is lots of white space at the bottom of the image (inside / part of the image) 3. tip for debugging: use bright borders and backgrounds to see where those

Re: [css-d] order of rules in a single declaration

human eye aka readability of a stylesheet, that is another matter. Excellent fuel for violent flame wars. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.or

Re: [css-d] Some Way to Clip Image and Keep Border

mage? Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://

Re: [css-d] Select box not expanding

ft column, making any click through (on the select) impossible, try giving `fieldset ul { background: red; }` to see what I mean. First step, as Karl notes, use a `` to wrap you text in. That is more valid html anyway. Philippe -- Philippe Witten

Re: [css-d] a:hover state in different browsers

, etc). Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http:

Re: [css-d] a:hover state in different browsers

e elements end up on the page, at paint-time. A small font like Times will use less vertical pixel space then a large font like Verdana. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@list

Re: [css-d] a:hover state in different browsers

what you are attempting, but you are up to the limits of display technology. If you compare carefully, you’ll probably notice small differences between a retina and a non-retina display. Philippe -- Philippe Wittenbergh http://l-c-n.com/ ___

Re: [css-d] CSS pseudo-class for source of :target

ld this be technically impossible? > - Has this been proposed before? I don’t think so. > - Any tips for proposing one? ;P The mailing list for the CSS WG is your best bet. https://lists.w3.org/Archives/Public/www-style/ Philippe -- Philippe Wittenbergh http://l-c-n.com/

Re: [css-d] CSS pseudo-class for source of :target

0 PM, Karl DeSaulniers wrote: > > Yes, looks like it.. > > https://developer.mozilla.org/en-US/docs/Web/CSS/:target No that is not it at all. The :target pseudo class styles the target of the link, IOW, the destination. What the OP wants is st

Re: [css-d] Flexbox struggle

layout. Fun things to be had with `margin: auto 1em` assuming `flex-flow: row` ( I solved some edgy problem with that today). Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] h

Re: [css-d] iPad differences

ame as screen pixels). Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List po

Re: [css-d] iPad differences

9.3.x. Hard to say if your issue is real, a bug in an older version of iOS or something else. As always a link to the issue at hand would immensely facilitated the discussion. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __

Re: [css-d] Flexbox struggle

> On Aug 11, 2016, at 5:57 AM, Tom Livingston wrote: > > a p:last-child{align-self: flex-end;} to get the last to stick to > the bottom of s, but this isn't working. Where am I messing it up? Perhaps: a p:last-child { margin-top: auto; } Philippe -- Philippe Witte

Re: [css-d] iPad differences

, physical devices? Or with some emulator / simulator kind of thing? The latter gives you at best an approximation of the real thing (assuming you use an emulation that uses the WebKit rendering engine). Philippe -- Philippe W

Re: [css-d] Cascade Image override ?

background-position: 10px 10px; } } If background-position is _not_ specified inside the second block, it will of course inherit from the first block, and will use the first specified position in that rule. The same applies to background-size, background-repeat, etc. Philippe -- Ph

Re: [css-d] rendering of icon in Windows browsers

: inline-block; width: 16px; height: 16px; /* etc - adjust to taste and needs */ } Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinf

Re: [css-d] rendering of icon in Windows browsers

ont-face) that contains that glyph. For example: font-family: 'athelas', 'arial unicode MS', sans-serif. // Roboto, the default on Android, has very similar metrics [*] a quick test on fonts.com (the official provider of that font) shows that, indeed, it does not contain a glyp

Re: [css-d] is use of rem bad?

pend on the computed value of the element itself. That means (to come back to the rem vs em topic) that the resulting value for padding, border, margin, background-position, etc are depending on the nesting inside the document tree if using `em` units. The `rem` unit avoids that. Philippe -- P

Re: [css-d] is use of rem bad?

Equal to the computed value of the font-size property of the element on which it is used. [/unquote] Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/

Re: [css-d] is use of rem bad?

n the computed value of the font-size as set on the root element. For the `em unit` it is based on the font-size of the element itself.) Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discus

Re: [css-d] media queries following prior rules

> On Jul 12, 2016, at 12:28 PM, Tom Livingston wrote: > > On Monday, July 11, 2016, Philippe Wittenbergh wrote: > >> How did Peter Gabriel creep into the conversation? > > > He sang the song "Sledgehammer" ;) Ah. Thanks. I learned something today! Las

Re: [css-d] media queries following prior rules

aversion to so-called ‘reset’ css thingies is well-known on this list) How did Peter Gabriel creep into the conversation? Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] ht

Re: [css-d] media queries following prior rules

ride the default box-sizing in a case by case approach. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] Responsive grid layout with graphics and scaling

lly prefer reading text that is left-aligned though (even with hyphenation turned on). Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listi

Re: [css-d] How to: enlarge all content for accessibility

> On May 30, 2016, at 3:02 AM, william drescher wrote: > > On 5/29/2016 9:13 AM, Philippe Wittenbergh wrote: >> >>> On May 29, 2016, at 6:49 PM, william drescher >>> wrote: >>> >>> That works nicely except the radio buttons stay

Re: [css-d] How to: enlarge all content for accessibility

mind that the look of those things is actually an image. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- h

Re: [css-d] How to: enlarge all content for accessibility

ant to increase > everything. I would start with: html, button, input, select, textarea { font-size: 3rem; } then see if you need further adjustment to form controls (such as padding, border, …) Philippe -- Philippe Wittenberg

Re: [css-d] Design Resolution

> On May 15, 2016, at 8:52 PM, JW wrote: > > What's the standard design resolution for web nowadays? I tried using 1400px > with and it came up too big. Fluid: from 250px to infinity (in practice that mean something of a maximum width of 1350px for us) Philippe -- Philippe

Re: [css-d] Direction Blur

: those filters only work up to IE 9 and maybe IE10 & IE11 in some obscure back compete mode. They won’t work in Edge. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://

Re: [css-d] Direction Blur

ccepts 2 parameters (browser support is more limited, check caniuse.com). Don’t know what the result would be though, I’ve never used it so far. see: https://drafts.fxtf.org/filters/#blurEquivalent Philippe -- Philippe Wittenbergh http://l-c-n.com/ __

Re: [css-d] CSS Animation Scribble ?

image is embedded directly inside the HTML. Like this: ……… Sara Soueidan has some examples of animations on hover (scroll down): https://sarasoueidan.com/tools/circulus/ There is lots of useful info about SVG on her site. Philippe -- Philippe Wittenbergh http://l-c-n.com/ ___

Re: [css-d] syntax: attribute selector on linked image

yled. 3/ anything in the stylesheet that could possibly override your styling? check with the developer tools in your browser what styling is actually applied. > I also tried targeting the the image is in and applying padding to the > cell like this: > > td < a[title="Ba

Re: [css-d] polyfill for 2d transforms iOS 7.x

iOS 7.x does support css transforms just fine —natively!—. You need to use the -webkit- prefix though. Apple’s Safari Team invented the whole damn thing. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@li

Re: [css-d] Site navigation with dropdown submenus

r more complex mess, with dropdown etc, I use the bootstrap menu. http://getbootstrap.com/customize/ and check only the dropdown menu + collapse, and forget about all their CSS. Both include the necessary machinery for aria-* attributes. Philippe -- Philippe Wit

Re: [css-d] New website

ke.github.io/refresh-sf/ Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ L

Re: [css-d] New website

y_slide2-1600x569.jpg?1454124914409, and ImageOptim crunched it from 214Kb to 199Kb (that is 7%). [2] example: http://www.whatsmyip.org/http-compression-test/?url=aHR0cDovL3Rwc2F1dG9zaGlwcGVycy5jb20vd3AtY29udGVudC90aGVtZXMvR2FyYWdlL3N0eWxlLmNzcw=

Re: [css-d] styles for hover effects and touch

n need to try to be ”web compatible”. [1] http://www.w3.org/TR/mediaqueries-4/#mf-interaction check this article by Patrick Lauke: https://dev.opera.com/articles/media-features/ Philippe -- Philippe Wittenbergh http://l-c-n.com/

Re: [css-d] Formatting Superscripts (and subscripts)

the relevant bits, sorry. I’ve always wondered why that stylesheet sets the line-height on the `sub` and `sup` to `0`. I never had a problem with letting the line-height inherit from the parent element (default behaviour). Philippe -- Philippe Wittenbergh http://l-c-n.com/ ___

Re: [css-d] [ADMIN] Hello, my friends, hello

r the years! Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -

Re: [css-d] iPhone difference 5 & 5c ?

it rendering engine. The only thing where that emulator is useful is evaluating how your page might look like given a viewport of xxx px by yyy px. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css

Re: [css-d] iPhone difference 5 & 5c ?

the web app to which I'm > using ? The obvious question of course : do those devices run the same OS ? Same version of Mobile Safari (which is basically the same question)? Philippe -- Philippe Wittenbergh http://l-c-n.com/ __

Re: [css-d] font-family declaring

> On Oct 1, 2015, at 22:56, Tom Livingston wrote: > > He means Google it. Or DuckDuckGo it, or Bing it, or Yahoo it, or Yandex it, or… Let’s propagate a new verb: to searchengine. (darn, I didn’t think “$search_engine_of_your_choice“ would be so hard to understand) Philippe --

Re: [css-d] font-family declaring

ly. > How do I find what fonts are pre-installed on most mobile / tablet / desktops > ? Have you tried $search_engine_of_your_choice? Sometimes that is useful technology. “font-list iOS”, “installed fonts Android”, etc, and any variation thereof. Philippe -- Philippe Wittenb

Re: [css-d] trouble with background-image in p::after

''; } With that you'll have an ::after element that is still empty and sized to 0 x 0px but it 'exists' as far as your CSS is concerned. Give it some width and height, specify the display property (`inline` being the initial value). as it is, your `p.studentredirect::after`

Re: [css-d] font-family declaring

urce for the font and a descriptor @font-face { font-family: 'my ugly font'; /* descriptor */ src: url(/path/to/my-ugly-font.woff) format('woff'); } (I usually insert that near the top of my stylesheets, but it can go any place) Philip

Re: [css-d] pseudo-class :not Selector

eed this to solve the bug in android stock browsers with > responsive design. Problem; When you add a border or background to a > select, the arrow and border anymore on that dropdown box are not visible > anymore.) See Tom's answer. Styling select widgets in blink/webkit brows

Re: [css-d] Multiple Opacity

> On Sep 22, 2015, at 10:55, Karl DeSaulniers wrote: > > Make the PNGs translucent? Yes, of course… But in the context of this list, I always assume a CSS way of doing things. Philippe -- Philippe Wittenbergh http://

Re: [css-d] Multiple Opacity

to the whole element itself, do you? Now, if you mean, can I have different translucency applied to background-images, the answer is currently no. The are ideas under discussion to make that possible but currently nothing is really specced, let alone implemented in any browser… Philippe -- Phili

Re: [css-d] css for Android only?

u don’t need it) Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policie

Re: [css-d] centering issue

CSS2.1:10.2. But if you set the width of the `a` to `inherit`, then yes everything falls in place, as the width of the `li` is already computed, and that is the value that cascades through. (hope this is readable English) Philippe -- Philippe Wittenbergh http://l-c-n.com/

Re: [css-d] centering issue

s a cookie and a glass of cold water with one ice cube. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] Centered image

ckground: url("overlay-img.png") no-repeat scroll 87% 30px rgba(0, 0, 0, 0.75); The background-position is different. Yours ask fo putting the image 100px from the left, centred vertically. Theirs ask to put the image 30px from the top and, from the left, match the 87% point of the im

Re: [css-d] Rules for making content hidden and visually hidden

so) “noise” to an AT user. And even Jim Thatcher’s examples that could be left visible to AT users only should, imho, benefit from using aria attributes instead. Bear in mind that he wrote that comment 4 years ago; support of aria has improved immensely since then. And —cela va de soi— there a

Re: [css-d] Rules for making content hidden and visually hidden

ut Edge?), Chrome unknown. Deprecated doesn’t mean that browsers will drop support for a feature/property/value soon, if ever. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.or

Re: [css-d] Rules for making content hidden and visually hidden

f needed. Of course, mind the specificity etc… Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-dis

Re: [css-d] vertical-align baseline issue?

ewhere that prevents it. Look at this test case, the span rests on the baseline: http://dev.l-c-n.com/_junk/cssd-af.html (the red line indicates the baseline) Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discu

Re: [css-d] css validation error

quired-value (Note the date at the top of the document) Current Selectors 4 draft https://drafts.csswg.org/selectors/#required-pseudo As Ryan says, the validator needs some love. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __

Re: [css-d] Sidebar height with list filter

with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal tes

Re: [css-d] review please - an existing site made mobile

ge. Unless the images are really small, things like icons or thumbnails Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/

Re: [css-d] css masking

cted in Chromium based browsers, but at least in Opera, you need the -webkit prefix (and I’m not clear if the `mask-type:` is actually fully supported). http://caniuse.com/#search=mask Philippe -- Philippe Wittenbergh http://l-c-n.com/ _

Re: [css-d] BG Repeat one direction ?

> Le 27 mai 2015 à 08:28, Crest Christopher a > écrit : > > How can I background-repeat in one direction ? 1st hit: https://duckduckgo.com/?q=MDN+background-repeat&t=osx Philippe -- Philippe Wittenbergh

Re: [css-d] Block out Background image with mask !

resources tab at the bottom). Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incut

Re: [css-d] help with responsive menu dropdown

find. Do you mean to point to the element with ID=primary-navigation? if so, you should correct the “href” in your button link to point to that (a href="primary-navigation"), and then make sure your stylesheet references that. #p

Re: [css-d] Flex items lose some padding in Firefox

! They are asking feedback from stylesheet authors: http://www.w3.org/blog/CSS/2015/05/05/flexbox-percentage-margins/ Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.c

Re: [css-d] Flex items lose some padding in Firefox

monospace } .wrap > .kid { display: inline-block; font-size: 1rem /*to taste*/; font-family: /*whatever*/, sans-serif; box-sizing: border-box; width: xxx%; vertical-align: top; } works pretty well for me. Need a bit of hacking for IE 8 thou

Re: [css-d] Flex items lose some padding in Firefox

p ) to prevent old Android versions using it. So Safari is locked out > anyway. What issue (and which old Android) are you seeing? And, you lock out IE 10/11 as well? Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-d

Re: [css-d] MQ syntax

are only 2 conditions that must be true: 'min-width' + 'min-resolution' > I'm using this in picturefill (ver 1.x) and I think it's causing an > error and need another pair of eyes. Picturefill use is: > > IDKN ? what erro

Re: [css-d] Flex items lose some padding in Firefox

mension of their containing block. [/quote] given that the height of your flex items () is auto, the vertical padding computes to 0. PS - don’t forget to add the -webkit- prefixed properties / values for Safari. Philippe -- Phil

  1   2   3   4   5   6   7   8   9   10   >