Category "html"

Preloading a .css file with NextJS

We are using NextJS and Material-UI for our site, and upon loading the pages, it gives a FOUC. I've narrowed the problem down to the fact that the JS loads fast

Create block with several columns and rows with Flex

Help me please to create block like on screenshot: Now I created 2 rows and has some problem. I don't know how to delete distance between rows. Need to make it

Click <select> and <input> after page load

I am writing a Greasemonkey script to interact with orders on Shipstation.com. The script will select certain values in <select> and <input> element

Generate HTML file with Powershell

I need help ! Currently, I fill a string with HTML code via a powershell script and then i write it in a file index.html However, when I display the index.html

Get parent node dimensions in svelte

I'm trying to use Svelte and it's my first time so sorry for maybe the stupid question. I read the Svelte documentation but I'm stuck with a simple problem. Bas

Css backdrop-filter blur weird flickering when scrolling

I have a background image and i am trying to add backdrop-filter blur, but as you can see on the pictures bellow when i scroll a weird flickering happened on th

Image path URL not Rending right in google apps script

I am trying to build an web app using apps script it was working well till yesterday but I don't know why my password recovery pages not rendering right. the im

How to position a background on one side of centered content while making the BG translucent without distortion?

I'm working on the following layout issue: the page heading is center aligned. It should have a background image on its left side, and the background should als

Using IFrame to check if a NVR is online or not

I have a group of around 10 NVRs that I would like to be able to display on one page whether they are online or not. Currently I do this with a HTML page contai

React Application <head> tag has the <script charset="utf-8" /> around 15 times. How can I reduce that? And why is it showing it so many times?

The <script charset="utf-8" src="/static/js/{chunkName}"></script> tag appears an incredible amount of times coming from different chunks. Why is th

2 Forms, Same Method but different task

How can I make 2 forms which has the same method? One is responsible to open editaddresss.php with hidden addresse ID, and the second form (editaddress.php)shou

flex container inside position absolute container not follow parent dimension

I try to create modal box that 2 type design, my problem flex that inside absolute parent not follow parent dimension. if u see image inside flex container, it

Hide or show input on dropdown selection

I am trying to create a sign-up page for my app. All the code works, but when I try to hide input box based on dropdown select, it doesn't work. I tried this: &

Pure JavaScript: set min-height of all product title to the highest of them all

In collection pages of our Shopify site, the VIEW DETAILS buttons in every product card are misaligned because of variable lengths of product title. In order to

How to manage JSON data in javascript pass form django model?

I need to dynamically display my audio on my website. The audio is a file path stored in the Django model. Djanog Model: class audio(models.Model): instrumentId

Deprecation Warning in Node Js

I'm getting this type of Deprecation Warning, when i was creating Admin Panel for my android app. Here's the code for it- DeprecationWarning: OutgoingMessage.p

How to set a rectangle on the top center of another rectangle with pure JS

I would like to get the result like this expected. The actual problem is a div will be displayed on the top center of an icon ( behaviour like a tooltip). I hav

Fit content and auto width in HTML table

In the following example, I would like my table to have column width customized : Column width fits the content Takes the remaining space Column width fits the

How to make php function according to the drop down menu list selection without a button

Hello I am working with php and I have this drop down menu list code: <form method="POST" > <select name="users" id="users"> <option

Load custom HTML on browser tests

I'm trying to write a test on browser (Chrome) with a custom HTML file. I followed the instructions and here is what I have: test/ |- web_test.dart |- web_tes