« first day (2783 days earlier)      last day (1005 days later) » 

01:01
 
5 hours later…
06:12
posted on December 12, 2020

New Cyanide and Happiness Comic

 
2 hours later…
08:28
4
A: Why does `not (some-width: Xem)` media query never fire?

BoltClockWhen Media Queries was first introduced, it required the not keyword to be followed by a media type in order for the media query to be valid. It seems strange, but that's just how the grammar was defined (see the media_query production). This is now fixed in Media Queries level 4 (see the <media...

@TemaniAfif The easiest way to understand "element generates box(es)" is to separate the element from the box. Keep element at the DOM side, think of boxes at the layout side
You have an element. How many boxes does it generate?
With display: none, no box, and no descendants may generate any boxes
With display: contents, it doesn't generate its own box, so there is no principal box
With most display types, it's one principal box - the boxes generated by child elements are none of its business
With things like list-item, it generates a principal box and a marker box that corresponds to the ::marker pseudo-element (unless list-style is none), or a table generates a principal table wrapper box and in it the table box for the actual rows and columns
The principal box, generally speaking, is where the styles go when the element is selected by a CSS rule
Pseudo-element boxes are generally not called principal boxes but they behave similarly. They also inherit from the element they're attached to (the originating element)
Also pretty ballsy of me to correct Alohci but let's see how this goes
@Alohci: An inline box isn't "a box that's inside a single line". The parts of an inline box that are split across multiple lines still form one principal inline box. This is called fragmentation and is codified post-CSS2 in css-break-3. An inline element does not generate more than one box unless it's an inline list-item or some other type that's specifically designed to generate more than one box. — BoltClock ♦ 29 mins ago
@TylerH I didn't mention it specifically in my media query answer but the MQ4 changes do imply that it is now possible to negate individual media expressions. Previously in MQ3 you could only negate entire media queries. In hindsight, this would probably explain the media type requirement
 
1 hour later…
09:42
Anybody know why this happens? without overflow:hidden and with overflow:hidden
display properties haven't changed.
09:58
871
Q: What methods of ‘clearfix’ can I use?

Chris J AllenI have the age-old problem of a div wrapping a two-column layout. My sidebar is floated, so my container div fails to wrap the content and sidebar. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> There seem to be numerous methods of fixing the clear bug in Fir...

10:08
Ah great. Thanks. I'm providing tiny mce editor for the client and he used left align button on 2 images (and that added float left on those images). I removed the left align and it worked fine.
@BoltClock Thanks, I guess the "english" is more confusing than the concept itself. Since I am not a native speaker and english is only my 3rd language, I get easily confused with the meaning of some words like here with "generate" (I already got a hard time understanding one of Alohci old answers: stackoverflow.com/a/61778514/8620333)
Element creates box is another way to think of it
I'm not sure "box corresponds to element" makes it any easier for you either :)
well, at end the "box" and the "element" that generates it are the same entity if I am not mistaking
I was thinking they can be different entities in some cases
10:51
They're not the same entity, though they're linked

« first day (2783 days earlier)      last day (1005 days later) »