Category "css"

In angular material table , on a button click it should filter data which are older than 3 months

I had angular material table which contain a column that shows data using this I need to filter data which are older than 3 months

Can't center-align image

I'm having problems centering an image between two float-aligned pictures. I can't add margin-left to the image in the middle. I would like it to stay centered

Problem with updating styles in JS for my class

So I have a problem with updating styles in JS for my class. In debug I can see that variables change correctly foreach object as they should, but style changes

How to align a Material UI Button and TextField on the same line, at same height?

I'm trying to get a <Button> from the Material UI library to a) sit at same height as the <TextField> next to it; and b) have it be aligned with tha

How to add Horizontal Scrollbar in a React Bootstrap Table?

I am using React Bootstrap Table and I want to add Horizontal Scrollbar only to the last two columns. Last two columns should be wrapped in a scrollable contai

How to make background-image responsive in Material UI

I'm trying to fix a problem with my background-image when I resize the browser. I have the background-image height on my application set to '100vh' which fills

How to place a circle inside a square box in css?

I have a webpage made in HTML and CSS in which I want to put a circle inside a square box. Here is the fiddle for the webpage. At this moment, I am able to ma

Bootstrap 4 invalid feedback with input group not displaying

I have been looking into Bootstrap 4 - beta, however when using .is-invalid with .input-group it doesn't seem to show up. <link href="https://maxcdn.boo

How to align 3 divisions in a row such that the last element is at the middle of the page?

How can I align 3 divs in a row, equally spaced, such that the last (rightmost) element is at the center of the page?

Why is there space between the parallelogram-divs?

I've made a few parallelograms in a row like that, but there is some space between them. I want to remove that space. margin-left: -1px; works, but I'm afraid t

Expanding animation on click

I'm facing a problem right know about css & javascript animations, let me explain, I have two columns with a box of information and a button to "see more" o

How to filter chat on whatsapp web using content script?

I am actually creating a chrome extension which creates some tabs in whatsapp web like all, unread, groups etc. And when we select any of these tabs it will fil

Can't apply overflow in a flexbox [duplicate]

I'm struggling to make overflow-y works within flex. <div class="flex h-full flex-col"> <mark class="bg-red-900 p-2 font-semibold t

Scale current item to 1

I wonder how to scale the current index from 1 to 0.8 when swiping to the next item. I've been building a carousel on how to make the centered item from 1 to 0.

How to morph svg into another svg correctly with Anime.js?

I have a problem where two of my svg have the same number of points, but something isn't right when I play the animation, the two svgs are so close together but

How to morph svg into another svg correctly with Anime.js?

I have a problem where two of my svg have the same number of points, but something isn't right when I play the animation, the two svgs are so close together but

remove unwanted space between body and footer

Hello i am new for css and html.. I need to remove the space between body and footer. Any help ? I want to add an image at the same lines with paragraph <!

remove unwanted space between body and footer

Hello i am new for css and html.. I need to remove the space between body and footer. Any help ? I want to add an image at the same lines with paragraph <!

How to tell if navbar is collapsed or not?

I have a navbar: <nav id="navbar" class="navbar fixed-top navbar-expand-md navbar-light bg-light"> <a class="navbar-brand" href="#"></a> &

Bootstrap 3.3.7 "row" causing horizontal scroll bar

Ok ok, I know. This question has been asked a lot. But, so far, I have not found a working solution. I boiled my page down to nothing but this: <div clas