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

y before any script. 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-discuss.incutio.com/ List poli

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

). see: https://drafts.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?

s 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]):n

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

image. Firefox 54 does, 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/

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

eturns the same 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 <e...@l-c-n.com> wrote: > > >> On Jun 21, 2017, at 6:36 AM, Karl DeSaulniers <k...@designdrumm.com> wrote: >> >> Again, I didn't see a -webkit-appearance:none in the specs. I may have >> looked

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

alue: auto | none the 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

kbox: 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 with those. Phil

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

] attribute. That never 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@

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

ndicator for the checked state. But 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

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

. */ For Firefox: -moz—appearance: 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 speci

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

the checked state [1] https://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)

n widely released…). All previous 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] ht

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

tion, 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/cs

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

even more complete 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 Goo

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

d I don’t think there is an equivalent in the typographic 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-disc

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

e with Edge supposedly up-to-date. 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-discuss.incutio

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

ue of the width of the 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-

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

ly_ 1200px wide _and_ the computed 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 Wittenbe

Re: [css-d] Ham Menus

Best thing to do: use a text string, 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 w

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

me the viewport / window is 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.

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

ertain width, * the cascade 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 -- Ph

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

ertain width, * the cascade 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 -- Ph

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

|2vw| is 2% of the viewport’s > width ? 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 -- Phil

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

fore things reach a stable 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 W

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

n;` to center your content (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/

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

the window 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/

Re: [css-d] Hidden UL/LI

touch” device… an iPad would have problems, 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. Philipp

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

et on the ``). Maybe other things are 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/li

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

idth, particularly on your main 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/listin

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

s visible is the line connecting 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 Wittenb

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

SVG points are not visible ? > > HTML > > > > > > > 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

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

1. you don’t 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 are, how

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

er doesn’t care. For the 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-discus

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

rop an unwanted part of the 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 -- http://css-discuss.incutio.com/

Re: [css-d] Select box not expanding

(covers) the left 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 Wittenberg

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

its (ems, ch, 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 poli

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

ffect where 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@lis

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

tly wrong with 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

t; - Would 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

12, 2016, at 9:50 PM, Karl DeSaulniers <k...@designdrumm.com> 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 want

Re: [css-d] iPad differences

know are not the same 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.i

Re: [css-d] iPad differences

as this fixed ? Latest iOS version is 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 W

Re: [css-d] Flexbox struggle

> On Aug 11, 2016, at 5:57 AM, Tom Livingston <tom...@gmail.com> 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; } Ph

Re: [css-d] iPad differences

? Are you testing with real world, 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

Re: [css-d] Cascade Image override ?

img/img4.jpg"); 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-repea

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

display: 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

ain a glyph for that ‘◆’ character. 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

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

using the `em` unit, it will depend 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` uni

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

[quote] em unit 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://w

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

the rem unit is based on 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-dis

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

> On Jul 12, 2016, at 12:28 PM, Tom Livingston <tom...@gmail.com> wrote: > > On Monday, July 11, 2016, Philippe Wittenbergh <e...@l-c-n.com> wrote: > >> How did Peter Gabriel creep into the conversation? > > > He sang the song "Sledgehammer"

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

nstruct myself… my 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

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

and only override 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/F

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

below an iPad…) I really 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.

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

> On May 30, 2016, at 3:02 AM, william drescher <will...@techservsys.com> wrote: > > On 5/29/2016 9:13 AM, Philippe Wittenbergh wrote: >> >>> On May 29, 2016, at 6:49 PM, william drescher <will...@techservsys.com> >>> wrote: >>> >

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

taste and needs, etc. Bare in 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/

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

the size of the form elements. I want 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 Witt

Re: [css-d] Design Resolution

for us) 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] Direction Blur

us message will apply – that is: 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@li

Re: [css-d] Direction Blur

epts one parameter. You could try using the SVG filter which accepts 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 P

Re: [css-d] CSS Animation Scribble ?

if the SVG 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

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

elements are styled. 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[t

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

ari running on 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/

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

ive-nav.com, for 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 Wittenb

Re: [css-d] New website

nline version here: http://gpbmike.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

Re: [css-d] New website

ntent/uploads/2015/12/DomesticDelivery_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=aHR0cDovL3Rwc2F1dG9zaGlwcGVycy5jb20vd3AtY29udGVudC90aGVtZXMvR2FyYWdlL3N0eWxlL

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

CSS-only menus, where mobile browsers then 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)

not > in a position to copy/paste 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 eleme

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

aintaining it over 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.

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

is quite different from the Webkit 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/

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

't a difference and it's 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 W

Re: [css-d] font-family declaring

luding not declaring any font-family. > 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. Phili

Re: [css-d] font-family declaring

to understand) 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] font-family declaring

inimum contains a source 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) Philippe -- Philippe Witt

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

E::after { content: ''; } 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::afte

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

t; (Side info: I need 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/we

Re: [css-d] Multiple Opacity

> On Sep 22, 2015, at 10:55, Karl DeSaulniers <k...@designdrumm.com> 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 h

Re: [css-d] Multiple Opacity

ny browser… 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 -- h

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

you 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] Centered image

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 image with the 87% point of the container. Philippe -- Philippe

Re: [css-d] centering issue

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 wiki/FAQ -- http://css

Re: [css-d] centering issue

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] Rules for making content hidden and visually hidden

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 are always exceptions that confirm the rule :-) Philippe -- Philippe

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

in your rules. Might simplify overriding them if 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

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

no (but 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.org

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

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-discuss [css-d@lists.css

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

, 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 testcase. Philippe -- Philippe Wittenbergh http

Re: [css-d] css validation error

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/ __ css-discuss [css-d@lists.css

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

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/FAQ -- http://css-discuss.incutio.com/ List policies -- http

Re: [css-d] css masking

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/ __ css-discuss [css-d@lists.css

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

Le 27 mai 2015 à 08:28, Crest Christopher crestchristop...@gmail.com a écrit : How can I background-repeat in one direction ? 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com

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

on the 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.incutio.com

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

correct the “href” in your button link to point to that (a href=primary-navigation), and then make sure your stylesheet references that. #primary-navigation:target { /* do something */ } Philippe -- Philippe Wittenbergh http://l-c-n.com

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

: 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.css-discuss.org/mailman/listinfo/css-d List wiki

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

-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 though. Philippe -- Philippe Wittenbergh http://l-c-n.com

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

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-discuss [css-d@lists.css-discuss.org] http

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

. [/quote] given that the height of your flex items (figure) is auto, the vertical padding computes to 0. PS - don’t forget to add the -webkit- prefixed properties / values for Safari. Philippe -- Philippe Wittenbergh http://l-c-n.com

Re: [css-d] MQ syntax

-resolution: 144dpi)/span IDKN ? what error do you get? a test case would be useful… Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo

Re: [css-d] which media queries

to include a viewport meta element, else mobile devices / tablets will default to a viewport width around 980px (iOS, other OS have similar values). meta name=viewport content=width=device-width, initial-scale=1 Philippe -- Philippe Wittenbergh http://l-c-n.com

  1   2   3   4   5   6   7   8   9   10   >