1,186,728 questions
0
votes
0
answers
23
views
Video can't seek for local files on Chrome
I have a simple video tag that I first checked with a stock video from pexels:
<video controls>
<source src="https://www.pexels.com/download/video/35510816/" type="video/...
- 3,494
0
votes
0
answers
57
views
CSS mega dropdown causes horizontal scroll when opened (100vw inside container)
’m building a mega dropdown menu. When the dropdown opens, the page gets a horizontal scrollbar (the layout “shifts” and I can scroll left/right). My nav is inside a centered container, but the ...
- 1
-1
votes
0
answers
25
views
GSAP ScrollTrigger: Expand image upwards to full-screen and keep it sticky for 15vh
I am trying to achieve a specific scroll-driven expansion effect in React using @gsap/react and ScrollTrigger.
The Requirements:
Section Height: The total height of the section is 115vh.
Trigger & ...
- 23
-3
votes
0
answers
26
views
How to write a suspended hyphen in HTML? [duplicate]
Here's an example of a sentence containing a suspended hyphen:
eco‑friendly and -conscious brands
When it comes to wrapping text at the end of the line, all web browsers break after the suspended ...
- 3,318
-3
votes
0
answers
28
views
iframe display automatically responsive on mobile and tablet [closed]
I created a website ( one page ) with Framer using a fixed desktop layout (1200 px wide). I embed it into a page of another website ( wordPress - Html - Wix - Shopify ) using an iframe. On a desktop, ...
- 1
-3
votes
0
answers
38
views
How to flow text between multiple containers in HTML [duplicate]
This is pretty common functionality in print layout software, but I haven't found any way to do it with HTML/CSS.
I want to have multiple boxes on a page, with text flowing from one to the next. I'm ...
- 8,411
1
vote
1
answer
122
views
Access a CSS variable in JavaScript
I'm using PHP to generate my website's pages, Bootstrap 5 to style the pages and Stripe to process customer payments. I'd like to style Stripe's payment elements to match the underlying theme of my ...
- 13k
-1
votes
1
answer
40
views
Embed HTML file from Google Drive into Google Site [closed]
I want to embed my own custom HTML that lives on a google drive into my Site. But when I do it just displays as text, as opposed to what the html represents. Can this be accomplished?
So, in my ...
-5
votes
1
answer
128
views
How do I print/display an HTML Element, using an embedded JavaScript code inside of HTML? [closed]
I have an issue with editing some code with StreamElements' custom code editor.
I have made a custom animation in Adobe After Effects that I want to use whenever someone decides to raid my Twitch ...
Advice
0
votes
4
replies
35
views
How do I do partial server-provided filtered autocompletion in a big <input> or <textarea> element with htmx?
I am implementing a data entry webapp with a multiline <textarea> element, where my users enter text in natural languages formatted as markdown. I have developed a markdown extension, so users ...
- 1,102
-2
votes
0
answers
65
views
HTML5 CSS image rollover [closed]
I am trying to get a simple image to hover to a different image.
HTML:
<nav>
<a href="#">Merchandise</a>
</nav>
CSS:
nav:hover {*/
background: url("images/...
- 1,186
-4
votes
0
answers
75
views
Create 2 forms in one browser page using basic HTML [closed]
Note: this question IS reproducible and was caused by a browser bug, not a typo. Browsers sometimes ignore spaces in close tags and sometimes treat them a significant. It is important that coders ...
- 21.2k
3
votes
1
answer
83
views
Google Calendar Appoint pop-up button showing at end of HTML
I am building a site for a friend that requires me to include a button to the Google Appointment Calendar. I followed what Google said to do, but when I implemented it, it showed the button at the ...
- 37
4
votes
1
answer
57
views
Moving annotations on Column Chart with Negative Value Google Chart
I am using google charts and I need to chart pos/neg values with annotations. The negative annotations show up by the axis.
Is there a way to switch the -0.95 annotation to below the blue column?
...
0
votes
2
answers
127
views
HTML Submit Button with two JavaScript functions but have a setTimeout between them [duplicate]
I have two JavaScript functions and i have a submit button for each function, whats the best implementation to add a few seconds wait between the two functions for example in JavaScript.
setTimeout(...
- 69
Advice
0
votes
8
replies
64
views
How to make a website? Frontend and Backend
Hi I am a beginner in programming, I just want to ask if I were to make a website what IDE should I use to run the frontend and backend? Like merge ( ? ) Can I use Visual Studio? Or something else. ...
0
votes
1
answer
79
views
Script that creates HTML that references files in google drive
I have a script that creates an HTML file, and I would like for the HTML to be able to access files on my google drive (mainly for img tags). I've found various posts that gives ways to do this, but ...
-1
votes
0
answers
51
views
CORS and Preflight (403) error in WordPress REST API using vanilla JS and Application Passwords [closed]
Body of the Question
I am developing a web tool (a Single Page Application built with vanilla HTML, CSS, and JS) to manage publications on multiple client WordPress sites. I utilize the native ...
0
votes
1
answer
112
views
HTML range input value off by 1
Using the code:
const input = document.querySelector("#Tester");
console.log(input);
console.log(input.value);
<input type="range" id="Tester" min="4" max="250" step="5" value="25" />
24
It ...
- 62k
2
votes
2
answers
102
views
Linebreak in Textbox
I want to create a textbox with the following requirements:
width: 16 columns (characters)
height: 3 lines
max chars: 48
lines should always break after 16 characters, no matter what char has been ...
- 299
0
votes
0
answers
84
views
A newly added iframe is not loading the URI specified in the src attribute after pressing the browser back button
In an application I am working on, there is a page which has a bunch of iframes on it that contain page previews for pages in the user's project, organized by sections. A user can click to add a new ...
- 2,744
1
vote
1
answer
80
views
HTML5 Canvas: How to generate ambigram-style text same after 180° rotation?
I am working on an HTML5 Canvas project where I generate text dynamically and want it to behave like an ambigram (the text should look the same after rotating the canvas by 180 degrees).
My goal:
...
5
votes
1
answer
128
views
SortableJS: hard to drop an item into a parent when dragging the last item of a wrapped row
I’m using SortableJS to build a horizontal nested drag-and-drop layout.
The lists are flex containers with flex-wrap: wrap, so items are placed in rows and can wrap to the next line.
Items can be ...
- 51
-6
votes
0
answers
57
views
How to implement this complex nested layout using Bootstrap 5 grid system? [closed]
I'm trying to practice my Bootstrap grid skills by replicating a specific layout from an exercise. I'm having trouble with the nesting and the alignment of the sidebars (Menu and Asides).
Here is the ...
-8
votes
1
answer
116
views
HTML span elements inside <p> not passing automated tests for nutrition label project [closed]
Create a p element and give it the text Total Fat 8g 10%. Then, wrap the text Total Fat in one span element, the text 10% in another, and give them each a class of bold.
The code is correct still I ...
1
vote
2
answers
118
views
Dynamic change of block height
I'm using code that hides content and reveals a button when the page is scrolled down 50px. Clicking the button reveals the same content, and clicking it again hides it.
You can see that when you hide ...
- 159
-3
votes
0
answers
74
views
ASP Access database query [closed]
On an asp page I have a html form with a text input field ID
<td align="left" width="430"><input TYPE="TEXT" placeholder="Enter value" ID="nayme2&...
- 13
0
votes
1
answer
48
views
how to change content-security-policy frame-ancestors for a static webpage using iframes
I have a container webpage A and it has two iframes. First iframe loads a webpage B which has a single url pointing to an external website. When i click this url, it sends message via PostMesssage to ...
- 947
-6
votes
2
answers
142
views
Trying to switch between images with a single button using JavaScript [duplicate]
I am trying to switch between 2 images with a single button, with the intention of adding more images.
I click on the button it changes to image2.jpg but when I click again it doesn't change back to ...
- 9
0
votes
1
answer
45
views
Flexbox - Size of "div" based on other "div"s
I have the following HTML code:
<div class="page">
<div class="title">VENIAM DEBITIS PERFERENDIS</div>
<div class="content">
<...
- 832
0
votes
1
answer
88
views
Configuration generator panel not taking full width on narrow screens
I am working on an open-source documentation website for a scientific tool. The configuration generator webpage has a left panel (form) and right panel (XML preview) that should be side-by-side on ...
- 5,789
-1
votes
0
answers
37
views
iOS 26 WKWebView renders same HTML with smaller font size [closed]
I have an iOS app that generates and renders a custom HTML document inside a UIWebView.
After updating a device to iOS 26, the same HTML is rendered with noticeably smaller fonts compared to previous ...
Tooling
0
votes
2
replies
36
views
What shall I use for my React Web App back-end
I just began web dev and wanted to launch a few applications. I learnt HTML, CSS and JS well. Got into React, but that's all front-end. I have no idea what to do for backend.
Also, let me tell you I'm ...
0
votes
0
answers
82
views
wkhtmltopdf repeated table headers overlap rows when rows contain long multi-line text columns [closed]
I am converting HTML to PDF using wkhtmltopdf 0.12.6.1 (patched Qt).
The HTML renders correctly in all browsers, but the generated PDF has a layout issue with tables that span multiple pages.
Problem ...
- 19
0
votes
2
answers
132
views
Trying to add class to a div on scroll but nothing happens [closed]
What I'd like is for the image inside my div to go from taking up the whole page via absolute position to sitting on the side with another div next to it with no absolute position. So that when you ...
Advice
0
votes
0
replies
32
views
reuse the index.html in CSR app instead of making multiple identical HTTP requests
context:
I have a classic CSR (client side rendering) webapp that uses vanillaJS and vanJS for reactivity (no NPM).
My index.html is minimal since it contains a dynamic import of a JS module based on ...
- 23
0
votes
1
answer
68
views
Custom bullet indentation and inline trailing button on the first line [closed]
Problem Description
I'm implementing a custom bullet-style text list. As shown in the image below, the "More" button should naturally follow the text on the first line, and the custom bullet ...
-3
votes
1
answer
85
views
Can't make my .svg favicon show up on GitHub pages or locally? [closed]
I feel like I have tried everything.
I am using Safari.
I am trying to make my favicon .svg to show up on my portfolio in GitHub pages.
The code in question is placed in the of my index.html
I have ...
Best practices
1
vote
4
replies
35
views
Using a repeated block of code as function in xsl
I have a repeated block of code (function in vb-net) in my xsl, which I use in consecutive xsl:if in my code. In my following code I present this repetition as a <td> inside some xsl:if's. How ...
0
votes
1
answer
50
views
After set body display:flex; justify-content:center; align-items:center; , the web page is cut off on the top. Why? [duplicate]
Here is the code:
<body style="display:flex; justify-content:center; align-items:center;">
<div style="width:50%; background-color:yellow;">
<p style=&...
- 362
1
vote
0
answers
83
views
HTML Canvas Drawing Works on Desktop But Not Mobile
I am attempting to use HTML canvas to collect signatures. The drawing works perfectly on mobile but I cannot seem to get the drawing to work on mobile. To be clear the canvas does appear on mobile, it ...
- 11
2
votes
1
answer
88
views
How to avoid circular dependency in a responsive layout without using a container query
I'm trying to make a responsive layout that maximizes the size of "top panel" while satisfying the following criteria.
Card's height is equal to that of the viewport
Card's width is equal ...
0
votes
0
answers
85
views
Embedded drawio does not export XML with icon metadata
I have embedded a Drawio editor inside my webpage.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, ...
- 17k
0
votes
1
answer
119
views
find exact dimensions of characters
i suspect this will be an unusual issue. i have a use-case where i need to be able to find the exact dimensions (height in particular) of each character as it is displayed. line-height and bounding ...
- 37
0
votes
1
answer
55
views
One, Two and Three Column Layouts
Hi I'm doing a 3 column layout, all the rest of the codes are alright, but my 'left column desktop' is acting up and I can't see where I'm going wrong. Right now it doesn't want to be seen but if I ...
- 17
0
votes
0
answers
73
views
Briefcase clickable images reupload
Working on a beeware briefcase app for android. The only way I have found to get images to be clickable is to use the webview widget. Currently what happens is when the image is clicked, it changes ...
- 21
0
votes
0
answers
21
views
flexbox child padding breaks width distribution [duplicate]
Consider a simple 2 column flexbox setup using flex: 1 (or flex: 1 1 0% ) for both left and right column. The columns are normally the same size.
When you add unequal padding (see snippet), the ...
- 4,322
-1
votes
1
answer
130
views
How can I get the actual values of a List Box or Dropdown List Option from this HTA to a txt file
I would like to modify this vb script so that i can add the values selected from a drop-down box so that it also sends the data to the text file as for example.
The text file should show for example:
...
- 69
0
votes
0
answers
65
views
Box shadow on a round element causes a thin gap [duplicate]
When I apply box-shadow to a round element, it leaves a thin gap at padding's position. It does not happen without border-radius.
Here's the code and the result:
div {
margin: 1rem;
width: 100px;
...
- 72
1
vote
1
answer
58
views
In a CSS Grid layout, my images overflow their containers unless I use overflow: hidden. Is this the right practice, or is there a better solution?
I have added a screenshot of the layout before using the <img> tag here: actual grid layout and another after adding it. The layout works correctly only when I apply overflow: hidden; like ...
- 11