Category "css"

Dynamically adding label to HTML form javascript

Hey guys so I was given this practical question in my university and I need some help trying to figure out somethings. So this is the question given: Display t

How to change swipe direction in swiper.js?

I'm struggling with changing swipe direction when I rotate my swiper on 90deg. So in the beginning by default it has horizontal direction. When clicking on sli

How to dynamically change font size in UI to always be the same width in JavaFX?

What I am trying to do is create a label in fxml, using Scenebuilder, which updates its font size to always ensure that the content of the label is the same siz

How to draw error icon with css only,exactly like in the image

Im trying to do the following x icon, exactly the way it is in here: So here is the html: <div class='error-circle'> <div>X</div> <

Could you add two links in a <link href=""> tag in a single html page?

I wish to put an href that links to a CSS file and a website. How can i connect these two links into a working tag <link href="https://fonts.googleapis.com

reactjs creating part of the table scrollable

To make part of the table scrollable I'm using a div inside of the table but getting the warning: Warning: validateDOMNesting(...): <div> cannot appe

How to style the Android status bar on Nativescript?

The problem I'm having (and for which I haven't been able to find a solution) is how to style the status bar in NativeScript. I tried to use this but when I put

Remove blue outline on links when clicking, but keep the outline for TAB selection (accessibility)

I have a Burger Menu Button which is selectable via TAB. When I click on it and the menu opens up the burger has this blue outline to make it clear that it is f

Why a specific div in the header is overlaping the page in PDFs in Odoo 13?

I am making a customized PDF report in Odoo 13 Enterprise. I have to add a vertical text in the left margin of each page of the report. So I need to put that ve

Tailwind CSS - how to make a grid with two columns where the 1st column has 20% of the width and 2nd one 80% width?

From the official documentation, I am only able to come up with something like this: <div class="grid grid-cols-2 gap-3"> <div>1st col</div>

Flexbox child not reading height/width of parent

I was experimenting with flexbox and created this layout. I'm trying to get the middle white box that says "hey" to be 90% width/height of the parent but percen

Blur video background

I have to add blur effect with a smooth transition to bottom part of video background. I mean I don't need a sharp transition like this <https://codepen.io/s

material-ui icon button highlights with an elliptical background when cursor is hovered over it

IconButton in @material-ui/core/IconButton is showing a weird elliptical background when I hover the cursor over it. I thought it is a mistake by me, so I j

Flexbox child not reading height/width of parent

I was experimenting with flexbox and created this layout. I'm trying to get the middle white box that says "hey" to be 90% width/height of the parent but percen

I accidentally designed my webpages on zoom value of 80% on Chrome. How do I modify my CSS to adjust to 100% zoom?

As you can see below, this is how it looked while I was designing the page 80% : After finding out that I was on 80% all along, I had completed 90% of my CSS

input / button elements not shrinking in a flex container

When using input and button elements inside a flex container, the flex and/or flex-grow properties don't seem to do anything. Code that demonstrates my issue.

How can i hide dt if dd got empty value

I need to hide dt if dd got empty value. how can i do that? <dt class="col-sm-6 text-dark" >Subject</dt> <dd class="col-sm-6">{{$course_

ng-bootstrap Change default color of radio button

I am new to ng-bootstrap. Default color of radio buttons in ng-bootsrap is blue. I need default color as yellow and on click it should be green. buttons-rad

Shift img few pixels up or down

This seems trivial, but I cannot find anything. I have a text and small image (icon) inside the text like this: <span>ask<img src=ask.svg height=16>

UI5 - How to Resize Table Height

​Hello, It seems that table row height of UI5 Table is pretty big with lot of white space above and below the text. Is there anyway I can resize the h