Category "html"

Convert a Canvas element into Image element

I have a website where I need to generate dynamic images specific to the user. The approach I found was using canvas. I have text information and image file whi

CSS position: sticky; stops being sticky at the start of another div

I am trying to get my header to stay at the top of the page when scrolling so I used: .header{ background-color: #8091F2; color: white; position:

having equal item heights in a column

I want to have such a gallery, with the thumbnails having the equal height along the main column, despite the different height of the images. i tried having a &

Remove the unnecessary padding inside the HTML Table Cells, which is being generated from Python script

I have a python script which dynamically generates a HTML Table according to some specifications provided to it. A sample generated output is given below, As y

How do I arrange an HTML/CSS grid so that elements first go in a row and then move to the next depending on page width?

An image of what I have currently (Images here are used as placeholders; they won't be in the final product (Most of the CSS code and some of the HTML code are

How does the industry embed long lengths of text in html?

My main question is how does the industry deal with large amounts of text in HTML tags? I am creating my first website for a blog I want to start and I have all

Why isnt my Bootstrap datepicker working?

I have a Bootstrap datetimepicker component in my code that was working a few weeks ago but has stopped working. I appreciate any help getting to start working

Truly undownloadable images

I had given up on protecting online images since even disabling the easiest ways to get at images still left people the option to use Inspect, then Sources, and

Exporting data as two CSV files with PHP, but its stored in one file and also containsHTML tags

I wrote a function in PHP which writes the elements of a two-dimensional array into a CSV file. function downloadCSV($data) { header('Content-Type: text/csv

LiveServer on WebStorm

I have a problem with WS live server. When I open my HTML file in chrome, the page had address: http://localhost:63342/Home/index.html?_ijt=ler2r6h082ng7c8a0p53

flexbox container wont grow content runs off the page

I am trying to build a simple site using react and bootstrap, but my flexbox container is stuck at a fixed height, and when too many elements are on the page th

Webpage in the same row pictures

I want this photos in the same row what should i change ? I tried float left and other commands but one picture is staying in the lower right corner. <secti

How to let user choose from sample of images displayed on screen along with option to upload from device?

const [selectedFile, setSelectedFile] = useState(null); const [preview, setPreview] = useState(null); const [predictions, setPredictions] = useState([

Text decoration underline on link but not on ::before?

How can I get the link to have a underline but the (fontawesome) icon ::before not? ::before text decoration:none; doesn't work .btn--tertiary { font-si

HTML canvas not drawing image

I have a react app but when I try to load an image is not drawing it on the canvas. Here is the code: import React , {useRef, useEffect, useState} from "react"

getElementbyId does not work and returns null

When accessing the site, the image and characters are displayed for a moment with JavaScript, It takes a lot of time to load the image, and we have to lengthen

Azure Functions with python, html page & beautifulsoup

I am new to azure functions. What I am trying to do is to get my azure function to open the index.html page, however I am not sure how to pass in the variable d

input text animation not working on focus out if there is no text

I have a problem with my search bar When the user clicks on it, it expands with a simple animation in order to allow the user to write, and it should play the a

Detect multiple tabs opening... and close the newest tabs! (via BroadcastChannel API)

I've put this function on load so I can detect a new tab being opened: function checkNewTabs() { const channel = new BroadcastChannel('tab'); channel.postMe

Detect multiple tabs opening... and close the newest tabs! (via BroadcastChannel API)

I've put this function on load so I can detect a new tab being opened: function checkNewTabs() { const channel = new BroadcastChannel('tab'); channel.postMe