CSS - Read For Learn

Insert image after each list item

The easier way to do it is just:

CSS: Creating textured backgrounds

with latest CSS3 technology, it is possible to create textured background. Check this out: http://lea.verou.me/css3patterns/# but it still limited on so many aspect. And browser support is also not so ready. your best bet is using small texture image and make repeat to that background. you could get some nice ready to use texture image here: … Read more

What is the difference between the selectors “.class.class” and “.class .class”?

.class .class matches any elements of class .class that are descendants of another element with the class .class. .class.class matches any element with both classes.

Chrome give error Failed to load resource: net::ERR_NAME_NOT_RESOLVED while other browser load images

I had the same issue. I’m working on Windows 8.1 system and had the problem with almost every page in Google Chrome, IE 11 and Firefox. This is what worked for me. Run CMD as administrator and execute the following commands: I did not have to restart my PC, but everything worked again and all … Read more

Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4

I got the exact same error, and in my case it turned out to be because of a wrong path for the @font-face declaration. The web inspector never complained with a 404 since the dev server we’re using (live-server) was configured to serve up the default index.html on any 404:s. Without knowing any details about your setup, … Read more

Make div scrollable

Use overflow-y:auto for displaying scroll automatically when the content exceeds the divs set height. See this demo

How to change btn color in Bootstrap

The easiest way to see which properties you need to override is to take a look at Bootstrap’s source code, specifically the .button-variant mixin defined in mixins/buttons.less. You still need to override quite a lot of properties to get rid of all of the .btn-primary styling (e.g. :focus, disabled, usage in dropdowns etc). A better way might be to: Create your own customized … Read more

“Stray start tag footer” in html validator?

You need to move the </body> end tag at the very end, because a footer element must not appear after the body element but inside it. This follows from the syntax of the root element, the html element: it contains a head element and a body element, nothing more. The validator says “Stray start tag footer” because the start tag appears in a context where no elements … Read more

How to set up fixed width for ?

For Bootstrap 4.0: In Bootstrap 4.0.0 you cannot use the col-* classes reliably (works in Firefox, but not in Chrome). You need to use OhadR’s answer: For Bootstrap 3.0: With twitter bootstrap 3 use: class=”col-md-*” where * is a number of columns of width. For Bootstrap 2.0: With twitter bootstrap 2 use: class=”span*” where * is a number of columns of width. … Read more

+ More