Category "html"

Canvas putimagedata is sometimes not drawing like expected

I am trying to draw a simple flat line from the left center of my canvas to right side. The starting and ending points will be taken from textbox input. To do t

JavaScript to control play/pause embedded YouTube videos

I need to embed multiple YouTube videos on a website. For each video, I need to set up an external element (such as a paragraph, image, div, etc) that can trigg

Background color going out of the column while using 100%

I am using Bootstrap 5. I have created 2 columns on my page. This is the output I was getting it. Now, I have to show an orange color from end to end of my lef

I would like the header logo and main visual to be aligned vertically

Prerequisites The header logo and main visual are side by side. Expected value I want the header logo and main visual to be aligned vertically.I would like to

Difficulty converting html page with CSS and images to PDF in Django

I am trying to convert an HTML page which uses quite the bootstrap and styling. I tried everything from reportlab to weasyprint to xhtml2pdf and nothing works!

Implementing a Contenteditable-like Vue component

What are good ways to implement a textarea element which contains sub-components like Chips or blobs ? I would like the user for example to be able to insert th

BottomNavigation in MUI cannot resize smaller than 400px if containing 5 items

I have a bottom navigation that contains 5 elements. When you resize the window lower than 400px, the bottom navigation doesn't "squeeze", so to say; it remains

React remove the "create-react-app" description

I'm struggling with removing the nasty description of the create-react-app boiler plate: Web site created using create-react-app. As stated here and here I have

Send a fastAPI response without redirecting from HTML form post

I am creating an API using fastAPI, which receives a form from a HTML page, treats it (requiring a few moments) and returns a message saying this task is comple

How to get a index of class onhover?

I have the following div structure: <div class="0"> <div class="test"></div> </div> <div class="1"> <div class="test"

How can I get full image after zooming in canvas

I am facing this issue where once I zoom in on some image in the canvas in javascript, some part of the image goes outside of the canvas. Then I am drawing some

Body not taking whole device width on mobile device

When the page is displayed on PC or tablet width it works perfectly. When on phone the body leaves empty space on the right. It isn't margin, or padding. I hav

How do we call c++ application from web on client side on linux

For example, a client has a c++ application, and trying to access web application on the browser. But the web application needs to run this application. I don't

How do we call c++ application from web on client side on linux

For example, a client has a c++ application, and trying to access web application on the browser. But the web application needs to run this application. I don't

How do i move the "interaction" with the "blob" in this animated blob?

I downloaded this javascript blob graphic, I've added it to my page, and moved it to the right using CSS, But when I move the mouse to interact with the blob, i

Take Screenshot Using JS

On this image I want to when you click button take screenshot not show the dialog box red line box anyone help me <button id="cake">Take Screen</button

Add new tag to the middle of element

I am trying to surround specific words in textContent with HTML tags, this could hypothetically be done by doing element.textContent = element.textContent.repla

How can I create a menu with my json info with REACT

what I try to do is to have the same display as this picture : So in my menu the plant type (Type of plant1) is displayed above a gray bar and when you click o

Seam forming between adjacent SVG images in flexbox

I have split a single SVG image into parts and placed them in a single row of a CSS flexbox. The goal is to keep a constant height but allow the width to change

Add new tag to the middle of element

I am trying to surround specific words in textContent with HTML tags, this could hypothetically be done by doing element.textContent = element.textContent.repla