Category "css"

How to not vertically overflow table cells and print the table?

I know there are a lot of questions about that, but none of their solutions worked for me. I have an html page formed by only a table (that I want print), I wan

Navbar not expanding to fill width of page

I am making a website and I want it to look nice when being used on mobile. However, I can't figure out to eliminate the excess white space on the right of the

Image animation resets page scroll on mobile devices

EDIT 2: I just figured it out. The overflow css property applied on the body is not being inherited by the slideshow div. Adding "overflow: hidden" to the slide

How do I change grid-template-columns style with JS?

this is the class I'm trying to change in my CSS file. .screen{ margin-top: 0%; width: 75%; height: 75%; background-color: lightgrey; display: grid; grid-

How to use height: -webkit-fill-available in Edge browser? How to make a div fill the available space in Edge?

I am using bootstrap to preview the mobile device as follows: It works perfectly fine in Chrome. But not on edge :( My HTML/CSS code is as follows: .fram

Extra Space in the bottom and right of the page

I am trying to make a login page but I don't know why there is a extra space in the bottom of the form and in mobile phone there is a extra space in the right.

Why my code work fine on chrome but not firefox?

I am creating a split-flap. It works fine in Chrome, but in firefox, during the second rotation period, it is not smooth as in chrome. How can I fix it? let

Can't position HTML legend tag with CSS Grid

The Problem I have a form with multiple fieldsets and a legend tag for accessibility reasons. I want the legend tag to be below the input field. Since I am usin

removing whitespace from around the website

I was working on this project and while trying to make it fit on all screens using @media it kept leaving a white space below and on the right of the page on th

ngx-chart does not apply card number style

am using the ngx-charts library to represent information, I need to use a specific chart but the style does not fit the same as the example that I present below

How to create "recommended content" widget in HTML

i saw a "recommended content" widget in webs and i want to create one to my website. Example of widget i found online: widget i want to create a widget in HTML&

how to get the pop up images all the same size and in the centre

I have been asked to create an image gallery for a test website for a mini project at work with a few other people. I have created the gallery and the pop up im

Does the CSS position relative have a performance impact on DOM rendering?

I have a habit of setting position: relative on most of my DOM elements when I apply a display style. .something { display: block; position: relative;

Change font color for select option placeholder without required

I am trying to change the color of a select place holder. This can be done if the element is set to required and this CSS is used: select:required:invalid {

Storefront child theme still load parent CSS

I have a problem with the Storefront child theme. I created a Storefront child theme like they suggest here: https://docs.woocommerce.com/document/set-up-and-us

How do you remove the x-axis from a bar chart produced by Google's Visualization API?

Referring to the kind of chart shown here: http://code.google.com/apis/visualization/documentation/gallery/barchart.html There doesn't seem to be a simple swit

Unable to get prime-ng table pagination dropdown to hover over everything

I have been using mat-tab in conjunction with prime-ng table and have been trying really hard to make sure that pagination drop down number doesn't get clipped

Why does my mousefollow method not work on different browsers

Here is a link to the code pen https://codepen.io/shahman28/pen/mdXraRE This is a part of a larger project that I am working on. I am attempting to place circle

How do I have different Hero (background) on different pages

I have different CSS for every page. I already tried some tutorials, but that one Hero does not want to disappear. How do I remove that one Hero? Using React v.

is there a way to prevent repeating code in html I'm using bootstrap 4 collapse like 20 times in one page

<div class="card" style> <div class="card-header" id="headingOne"> <h5 class="mb-0"> <button class="btn btn-lin