Category "css"

CSS to draw slant line border [duplicate]

I have not much experience in web designing, I was just trying to write a css to get the out put similar to this Can anyone help me to achi

How to animate text with css font-weight property in jQuery ? normal to bold

I am trying to animation like opacity effect, which turns text bolder slowly. Tried usual animate() method but didn't work. Searched for it but coundn't find an

Can media queries resize based on a div element instead of the screen?

I would like to use media queries to resize elements based on the size of a div element they are in. I cannot use the screen size as the div is just used like a

Cant link stylesheet

I’m setting up a new website. I launched an Amazon EC2 instance with LAMP using Bitnami and I’m now starting to build the site, however when I try t

Concentric circles with CSS

Does anyone know how to draw concentric circles like the RAF symbol (concentric red, white and blue circles) using only CSS?

JavaScript, for each hover over change the text color

I have 4 div (colored box) and each div represent a different color. When a user hovers over one of the colored boxes the text to display ("Hello world") should

Trouble getting Conditional CSS with Media Query and Grails

I'm using media queries to import the correct stylesheet (mobile.css or main.css) in my Grails application. If I load the page with my PC, it works fine, when i

Can't get a div background colour to fill full width of viewport

I'm trying to fill a certain part of the page with a background color. I want the background colour to fill the entire width of the viewport, but have a fixed h

Is it possible for the child of a div set to pointer-events: none to have pointer events?

Is it possible for the child of a div set to pointer-events: none to have pointer events? I need the div that holds another div to allow pointer events to pass

Wrong value for window.innerWidth during onload event in Firefox for Android?

Okay, so, the problem I am facing is this: my mobile Firefox browser is not retrieving the correct values for window.innerWidth, document.documentElement.client

How to change btn color in Bootstrap

Is there a way to change all .btn properties in Bootstrap? I have tried below ones, but still sometimes it shows the default blue color (say after clicking and

Trouble with sticky footer, 2 column responsive layout with wide browser support

I need to create the following layout: Two equal height columns Sticky footer (positioned at bottom in light content, pushed off page in heavy content) Responsi

Two columns same height with three responsive images inside (one left and two right)

I already tried different solutions posted here to get two columns with the same height, but unfortunately I can't get this to work. The Problem is, that I have

How to make div height to 100% of parent td

This is my current code: table{ table-layout: fixed; } table tr td{ height: 100%; } table tr td div{ height: 100%; background: red;

Why should I prefer float over flexbox?

I am new in front end design and when I was looking information about this I found 2 techniques about positioning: float and flexbox. My question is: What shou

I need list of all class name of Font-Awesome

I build app that will present a lot of icons so I need list of all Font-Awesome class name like ["fa-dropbox","fa-rocket","fa-globe", ....] so on is there any

Second line in li starts under the bullet after CSS-reset

I'm having some problems with my ul-list after using applying CSS-reset. When the text in the li is long and it breaks to a second line, the text begins under t

moving last row to bottom of container in bootstrap 4

I have a simple footer with contact information that contains of three rows. The first two appear at the top, the last one should be placed on the very bottom o

Position absolute and z-index not working in bootstrap version 5

The class(.title-image), has a "position: absolute" and the section(#features), has "position: relative" in external CSS. the idea is to place the section(#feat

Why doesn't a child's margin affect a parent's height?

In a simple example like this one, the child margin does not affect parent height: .parent{ background: black; } .child{ background: LightBlue;