Chrome / Safari not filling 100% height of flex parent

Solution Use nested flex containers. Get rid of percentage heights. Get rid of table properties. Get rid of vertical-align. Avoid absolute positioning. Just stick with flexbox all the way through. Apply display: flex to the flex item (.item), making it a flex container. This automatically sets align-items: stretch, which tells the child (.item-inner) to expand … Read more

What does it mean when a CSS rule is grayed out in Chrome’s element inspector?

For me the current answers didn’t explain the issue fully enough, so I am adding this answer which hopefully might be useful to others. Greyed/dimmed out text, can mean either it’s a default rule/property the browser applies, which includes defaulted short-hand properties. It involves inheritance which is a bit more complicated. Inheritance Note: Chrome dev … Read more

MVC4 StyleBundle not resolving images

According to this thread on MVC4 css bundling and image references, if you define your bundle as: bundles.Add(new StyleBundle(“~/Content/css/jquery-ui/bundle”) .Include(“~/Content/css/jquery-ui/*.css”)); Where you define the bundle on the same path as the source files that made up the bundle, the relative image paths will still work. The last part of the bundle path is really the … Read more

How to select label for=”XYZ” in CSS?

The selector would be label[for=email], so in CSS: label[for=email] { /* …definitions here… */ } …or in JavaScript using the DOM: var element = document.querySelector(“label[for=email]”); …or in JavaScript using jQuery: var element = $(“label[for=email]”); It’s an attribute selector. Note that some browsers (versions of IE < 8, for instance) may not support attribute selectors, but … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)