Category "css"

Display JS script result in Bootstrap color box

I want to display random numbers by JS calculation in CSS Bootstrap colored box as shown below. How can I structure my code by adding the following JS calculati

How do I get a menu to go on top of everything?

I am trying to have a menu that takes up 100vh when the menu button is clicked. However, I also have a header at the top so the menu content is lower than it. H

Beautifulsoup scraping "lazy faded" images

I am looking for a way to parse the images on a web page. Many posts already exist on the subject, and I was inspired by many of them, in particular : How Can I

Issue with chakra UI CSS [closed]

I am trying to display a card using chakra UI and next js but the CSS of chakra UI is messed up and all of my components are now not being sho

React JS App becomes blank white screen when deployed with AWS Amplify

I have a React JS app that works on local host, but when I deploy to AWS amplify displays as a blank white screen with no body. The browser tab shows the correc

How to fill an SVG with HTML/CSS?

I've got this SVG, it is blue however I would like it to be black, and for the outer ring to be blue and the sword to be blue, keeping the text white. This is m

Selenium: Message: invalid selector: An invalid or illegal selector was specified

I'm trying to web scrape using selenium an NFT, website Magic Eden. When I try and scrape normal data like text on top of the page my code works fine, but when

How to hide border of a specific chart?

I'm new to css and am struggling with changing the border property for a specific chart title on a dashboard (I'm using a dashboard template with R's flexdashbo

How to align elements around the perimeter of a circle?

I'm trying to align elements around a circle like this: this is my code, I've added a drag function to rotate the wrapper box, I'm not very Math savy so I don

Close hamburger menu when click on anchor links on same page (in mobile view)

I use this HTML, CSS and Javascript hamburger menu code: In the mobile view, it doesn't close the menu for me when I click on one of the other menus on the left

How do I use pyscript in my HTML code and return output

I am trying to call my python function created. But not getting any output and no resource how to achieve. Code : <!DOCTYPE html> <html> <head>

Keep selected theme on page refresh using HTML, CSS and JavaScript

I would like to keep the selected theme when refreshing the page as well as across all other pages. I've seen other examples but I don't know how to implement i

Wait time in a CSS keyframe

On my CSS code, I use keyframes to animate my text. I would like to add a FadeOut to allow a FadeIn of the text, a display of this one during 10s then a FadeOut

pointer events: none; not working on <input type="number"; chrome

i have set the css for the following input element with type number element to pointer events none however if i spam click the exact point where the current val

Insert scroll button horizontal using jQuery

I am trying to replicate this example into my own coding. The List tabs are generated dynamically using JS and each have their table (also generated using JS).

webpage whites out when scrolling up or down

https://habitat-commons.herokuapp.com/ When you scroll up or down on this site the divs white out and rerender no matter how fast the internet or how many times

How to Change the background image size in custom css?

i was trying like that,that is not working .login{ margin-top: 70px; margin-bottom: 100px; background-image: url(../../Images/bg5.png); background-size:0 500px;

Tailwind css not getting included in project

I am using tailwind post CSS in my HTML, but classes are not applying. I have installed all packages have linked CSS too. tailwindconfigjs file module.exports =

How to use overflow with flex-grow

I have this code: html, body, #container { width: 100%; height: 100%; } #container { display: flex; background: #ddd; } #width { width: 200px;

How to center text in vertical in CSS [duplicate]

what dose "vertical-align:middle;" do? It doesn't center the text in vertical. How to center text in vertical in CSS #sectionArea { vert