Category "html"

PHP: Update database with checkbox values for each row

I'm currently working on displaying a table containing a list of alarms, where each row contains a checkbox that determines whether the user has already viewed

Lazy load images in a modal with a slider

I have a website that I am trying to optimize and one of the things that keeps coming back is I need to lazy load my larger images that I have inside a modal, t

How do i get my sticky navbar to work using tailwind css?

I am working on a website using tailwindcss. But for some reason the navbar wont work when using the "sticky" class. I tried using the "fixed" class instead, bu

Preloading a large background image without rendering the website

I would like to make sure that my image preloads properly, as there's an svg effect, that only looks good when the background is loaded. function preloader() {

CSS : selecting multiple nth-child

Say I have this css : div div p:nth-child(1), div div p:nth-child(2), div div p:nth-child(3), div div p:nth-child(4), div div p:nth-child(5) { } This will sele

How to use recaptcha v3 in chrome extension?

Is it possible to use reCaptcha V3 in chrome extension. If yes, than how to implement it? Currently I am implementing it and facing error Refused to load the sc

is there a way to make the ":active" selector's style apply to the currently hovered element when the mouse is moving between elements

when you click on one of the 'cButton' elements, the active style will be applied to it but if you hold the mouse button down and then hover over another cButto

Change bootstrap multiselect values based on another select options, using jquery

I have a simple form created using HTML and JS. There are 3 select elements that the options of the second and the third select elements are based on the first

How to add overlay to sidenav menu?

I have a sidenav menu with some Js, I would like to add the overlay but I don't know how to do it, sorry but I'm a beginner. I tried several ways without succes

Why is my scroll behavior which is set so smooth, not working?

here is my code: https://codepen.io/vexisqt/pen/GRQoogQ for some reason scroll-behavior: smooth; is not working html { height:100%; scroll-behavior: smo

How can I link to an Excel file on a network share from a php web page?

I am trying to link a file on a php webpage which is hosted on a server within our local network using IIS. The workbook must load via the network location and

how to set Google Maps marker position with the address?

I'm fairly new to the Google Maps API and have to use it to locate some addresses. I want to know how the Google Maps marker can be located with the address wri

At the time of priniting page is breaking in 2 page but first page has blank space

I had created a bill format in HTML and when I am viewing it in browser it viewed perfectly but when I am trying to print it is breaking in 2 pages. I am attach

Why is my image shifted down in print mode (at least in Chrome)

If you look at https://double-seven.dev.sfindr.com/html-pdf-demo/index.html in Chrome, everything is nice and in place, but if you open the print preview window

Show multiple ads in middle of article post in blogger with shortcodes

I want to show ads on blogger posts using shortcodes. With the help of shortcode, I can add multiple ads like 4 to 5 ads in the blogger post. But I don't know h

Second graph on the same page with dash and styling specific elements with external stylesheet

I am having trouble fitting two graphs onto one page in dash-plotly. When using code attached below only the top plot is being displayed. Besides that, I do not

How to Fix the TD elements of first column of the table body while the rows are scrolling?

The title is not clear, I know. Let me explain what I mean: First column has td elements which have varying rowspans. What I want is to keep the td text in firs

Why am I getting a Chrome error when applying <meta> for responsiveness?

I am watching this video and I see they wanted me to use <meta name="viewport" content="width=display-width, initial-scale=1"> for more of a responsive w

how to get a section to flex in a column

I'm working on media queries, I'm trying to go from a tablet view to a desktop view. I can only get one or the other right, not both. https://imgur.com/gallery/

Filter by value in checkbox popup in Mapbox GL

I have changed my mind about how I want to use the Checkbox filter in Mapbox. I am using CSV2Geojson to map Google Sheets data in my map and then filter by valu