CSS - Rating css system

CSS
I'm using some rating system css i've found on the web. Currently i was able to put it work but there is an issue when mutiple ratings are shown. Onl...
1 year ago

CSS Menu CSS Confusion

HTML
I have got the following HTML but I am unsure how to code the CSS so that when I hover the main li the drop down menu shows. <li><a ...
2 years ago

Achieve object projection effect with box-shadow

CSS
Hi, I am trying to achieve this effect in css: This is my code: #test::after { background-color: maroon; box-shadow:0 -50px 10px 7px; heigh...
2 years ago

Fade the output after 1 second

CSS
I am trying to display the dimensions of the window and finally I was able to do it: All i want now is to fade the output text after one second after...
2 years ago

Background image on phones looks shrinked

CSS
What changes do I implement so that the backgound image Back.jpg show fulls screen and the content scrolls, rigth now it only works on desktops The c...
2 years ago

using :focus pseudo class on li or other element else than a,input,button, etc

CSS
Is it possible to select an element that is focused, like a:focus or input:focus, but on the other element, such as div, li, span or else? If it's n...
2 years ago

Masonry with full-width items

CSS
I am having an issue with Masonry where if I need one element to be 100% width and the rest to be 50% width, the layout no longer puts my elements adj...
2 years ago

rotate text in model popup?

CSS
I am using this code to rotate text in model but this code is not working in model popup? var rotation = 0; jQuery.fn.rotate = function (d...
2 years ago

How to vertically center a div for all browsers?

CSS
I want to center a div vertically with CSS. I don't want tables or Javascript, but only pure CSS. I found some solutions, but all of them are missing ...
2 years ago

Is it possible to make input fields read-only through CSS?

CSS
I know that input elements are made read-only by applying the readonly boolean attribute, and being an attribute it is not affected by CSS. On the ot...
2 years ago

When using column-count, overflowing content completely disappears in all, but first column, why?

CSS
When using column-count in wrapper, and the containers in the wrapper have border-radius, and content in the container is overflowing, the content com...
2 years ago

Does "display:none" prevent an image from loading?

CSS
Every responsive website development tutorial recommends using the display:none CSS property to hide content from loading on mobile browsers so the we...
2 years ago

Google homepage bottom elements not fixed when hovering buttons

CSS
my problem I just want help on how to make the footer and 'Google in different languages' fixed when I am hovering over the buttons. I am trying to b...
2 years ago

How to reference JSF image resource as CSS background image url

CSS
I often, change the images of my buttons using the image attribute, but someone told me that it is a good practice to do it using .css I tried but i ...
2 years ago

Change child animation/transition on parent hover

CSS
What I am trying to achieve: I am trying to change a child CSS animation when hovering the parent. It is, however, for some reason not working. Expla...
2 years ago

Putting elements on the same line

CSS
How can I put the following elements on the same line? I know it has to do with the display property, but that's the one that always stumps me and can...
2 years ago

How can I align YouTube embedded video in the center in bootstrap

CSS
I am trying to align YouTube embedded video in the center of the page in my bootstrap page. The size of the video is always the same. My html looks r...
2 years ago

Loading a background image

CSS
I have tried following tutorials on W3schools, and I've also dug into Developer Tools on the website I'm tasked with cloning, and have gone back to my...
2 years ago

Background image doesn't show up

CSS
I have tried following tutorials on W3schools, and I've also dug into Developer Tools on the website I'm tasked with cloning, and have gone back to my...
2 years ago

Responsive div columns where column items get shifted on screen resize

CSS
I have three columns called <div class="pageColumnOneThird">. Inside each column I fetch images and posts using PHP where the newest item gets...
2 years ago