Category "html"

Pie chart breaks if one slice is bigger than half the pie

I wrote some JavaScript code to generate Pie Charts for me, but when one Slice is bigger than half, the whole thing breaks. Using clip to make half-circles, it

Change height of navbar button and change it from (:selected) to (:hover)

My navbar functions in a :selected way, which means the dropdown menu only shows when the button is selected. I would like to change it to hover instead, but wh

download attribute on <a> not working (NOT cross-domain)

Observe the following code: let cv = document.createElement('canvas'); cv.toBlob(blob => { let a = document.createElement('a'); a.href = URL.createO

html Button on top of link

Hey I have a div which is wrapped by a Link component, and inside that div I have more buttons, but the problem is, when I click on the inner smaller buttons, I

how to choose folder with html input file

I want to choose only folders when I'm clicking browse button. In my project I'm using IE for some reasons. I searched some forums but I didn't find any useful

How to set a particles background on nextjs?

I would like to set a particles background only on one page of my web application. I used the following code: import styles from "../styles/Page.module.css"; im

How do I prevent my web page from being resized smaller than a certain size?

Basically, I don't want the layout and formatting on my page to become nonsensical if the user resizes the browser to a really small size. After a certain limi

Output to CGI using Python?? Error keeps telling me missing parenthesis?

Attempting to generate using python to screen using cgi. However, when I run it from the command line, I keep getting an error stating that it is missing parent

Bootstrap - Stop container from resizing (ie shrinking) when resizing browser

I have a bootstrap container in which I have 1 row with 6 columns, like so: <div class="container-fluid m-0 p-0 bg-primary"> <div class="row">

How to make Bootstrap5 Columns all a similar height?

I'm using Bootstrap5. However, I'd just like to make a similar height of these two columns. How can I do that? Here's the Code: <link href="https://cdn.jsdel

HTTP Range requests with php for Video Embedding for solving going to specific time in video (seek bar not work)

i'm trying to run a video through php file. it's worked.but the problem is that when i try to go to special time in video it replay the video from the beginning

Why isn't this centering the div in the middle of body? [duplicate]

<style> .maincont { width: 8em; height: 8em; background: purple; } body { background: limegreen; display: fle

changing video source in useEffect based on language change

I'm trying to play different videos on language change. however the same video always plays, useEffect(() => { console.log("language changed: ", i18n.langua

Is there a simple way I could create an effect when my mouse touches a div in HTML, css or javascript?

I am trying to reproduce this effect, whenever the mouse touches a div, the div get surrounded by some sort of container like this Please any idea how I could

React: jsx in a variable vs a function vs a separate component

For rendering smaller components/jsx within a bigger component, there are multiple approaches that one can follow. For example, consider this: Method 1: functio

Visual Studio Code don't recognize HTML file

I am learning to build a Website on Python Django, but when I create a HTML file in VS code, this Editor don't recognize this file. You can see in following pic

Is not-returned code and content available for public in the source code?

I am new to nextjs and webdev. I been following a couple of tutorials but I still have a doubt. Lets say I have this page: // /pages/test/load.js import Link f

Why scrollbar is behind sticky elements in iOS Safari?

When using position: sticky; in a container with overflow-y: auto;, the container's scrollbar is rendered behind the sticky elements. In the following screensh

How can i make responsive HTML Table with 90% width of screen

Hello i have issue with table ive created table and at 1920*1080 24" monitor it looks very good. Issue is if user has smaller monitor like notebook, table, phon

Overflow:auto clipping top content?

The issue is, that the popup is too long vertically, and when I try to add overflow-y: auto; to .popuptext.show it clips the top of the popup (the section with