Today I came across a new CSS syntax that I have never seen before content:”\00a0″; Checking it on w3schools, it explains: Definition and Usage The content property is used with the :before and :after pseudo-elements, to insert generated content. My question is, can you point out to me in real world example, how do we … Read more
How do I make a DIV always float on the screen’s top right corner, so that even when I scroll the page down, the DIV still shows up in the same fixed location? Thanks. Answer Use position: fixed, and anchor it to the top and right sides of the page: #fixed-div { position: fixed; top: … Read more
I see a selector like this, .class1 .class2 .class3 { } What does this mean? I’ve used multiple class selectors without spaces. Space means descendant but it doesn’t make sense for classes. Answer Let’s say there’s a page with the following markup, <div class=”class1″> <div class=”class2″> <div class=”class3″> Some page element(s). </div> </div> </div> The … Read more
I’m coding a “popup window” in JavaScript and I’ve come across an interesting thing: The navy square under the popup window is visible even though I would expect it to be hidden. The popup was added after the square, so it should be on the top. CSS opacity property of the navy square is 0.3. … Read more
I’m often confused by CSS override rules: in general, I realize that more specific style-sheets override less specific ones, and that specificity is determined by how many selectors are specified. There’s also the !important keyword, which plays a role as well. So, here’s a simple example: I have a table with two table cells. The … Read more
I’m trying to understand the difference between push and offset in Bootstrap grids. For example the only difference between the two rows below is the third column in each. One uses a push and the other uses an offset. However, they both render exactly the same. <div class=”row”> <div class=”col-md-2″> <h2>Column 1</h2> <p> This is … Read more
I think the answer to this question is no… but does anyone know of a an HTML/CSS way to create an ordered list without a period after the numbers? Or, alternatively, to specify the separator character? Ideally I don’t want to do list-style-image with a different class for each number, but that’s all I’ve been … Read more
I have a dark blue page and when the image is loading (or missing) the ALT text is black and difficult to read (in FF). Could I style it (with CSS) to be white? Answer Setting the img tag color works img {color:#fff} http://jsfiddle.net/YEkAt/ body {background:#000022} img {color:#fff} <img src=”http://badsrc.com/blah” alt=”BLAH BLAH BLAH” /> AttributionSource … Read more
Is there a CSS selector for element without any class? For example in HTML <section>Section A</section> <section class=”special”>Section B</section> <section class=””>Section C</section> I would like to select Section A (or maybe Section A and Section C, it does not matter that much), by saying something like section:not(.*) { color: gray } I understand that I … Read more
I have been searching and trying different methods for hours now. I just can’t seem to get these two images and text all on one line. I want both the images and both text to all be on one line arranged image, text, image, text My images are coded like this with simple styles attacted … Read more
