All Questions
1,185,495 questions
Score of 0
0 answers
25 views
Low-Res Thumbnail Images on Embedded YouTube Videos In WordPress
I am trying to get my embedded YouTube thumbnails to use the high res images. Right now they are grainy low res.
The catch here is that I have the embeds inside of an accordion that starts off closed/...
Score of 0
0 answers
39 views
Does a CSS-only <details>/<summary> disclosure widget need aria-expanded for accessibility?
Since <details>/<summary> already has built-in accessibility semantics (the browser exposes an implicit aria-expanded state via the open attribute), do I still need to manually add aria-...
Score of 1
0 answers
52 views
How could I scroll vertically past an item that only accepts horizontal scrolling?
I am sorry if the title sounds confusing (because it is), but I cannot find a way past this problem. I made some divs that are supposed to scroll horizontally on a list, like the code snippet that ...
Score of -1
0 answers
53 views
Electronbun GUI not launching
I have an app that I am converting from Electron to Electrobun, and I am facing a problem with running the app in dev mode. I have not yet tried to package it and run it that way, or any way else, I ...
Score of -5
1 answer
176 views
Javascript not firing 100% of the time [closed]
I have some simple JS on an HTML page that calls a web service (same domain, different host).
The script fires reliably 99.9% of the time, but we get a few cases every week where it doesn't seem to ...
Score of 2
2 answers
140 views
How do I fix HTML search submit button's erroneous position?
The submit button should be sticking to the text input, but it is not positioned properly, and is instead raised and to the right of the text input. I tried to fix the issue, but I'm stumped.
The ...
Score of 0
1 answer
145 views
Header and Footer/user/admin nav bar [closed]
I want to make a navbar in the header and footer, and if the role is admin the user sees something different than a normal user, or is there a better way?
I'm planning to create a reusable header and ...
Score of -4
0 answers
102 views
Automatic HTML row value change in the Element by PowerAutomate [closed]
I have made this easy looking Flow. It just takes starter point in the Excel spreadsheet and after goes through fixed amount of cells and reads and stores its number.
What I want to do:
I have ...
Score of -2
0 answers
49 views
CSS Grid only outputs one box on the right of the screen instead of header, body, sidebars and footer [duplicate]
Here is my HTML and CSS using CSS Grid. All this outputs is the footer on the far right of the screen and I'm not sure at all what is going wrong.
My desired outcome is something like this:
3x3 grid ...
Score of 1
1 answer
131 views
How can I make my page scroll past three elements?
I am currently making a page on my website, in which you can scroll between profiles of staff in the company I am developing for. This scrolling is horizontal. Currently, I have 5 items that I can ...
Score of -3
0 answers
73 views
Why is toggle() not working on the images I want to hide/show? [duplicate]
I have these images that I want to be able to be toggled on and off when the button is clicked, and for some reason that I can't figure out. I got this code from W3 schools, and the original had ....
Score of 0
1 answer
136 views
CSS layout and animation issues: Sibling hover not triggering animation and absolute positioning breaking
I am building a football animation using purely HTML and CSS (no JavaScript). I am running into three specific issues:
Hover Animation: I want the ball to be set in motion when the home-btn (the ...
Score of -1
1 answer
114 views
How can I retrieve the text from my search bar and use it in my event listener without triggering a addEventListener is not a function? [closed]
I'm making a website that displays restaurant in a specific area. The website has a search function where the user can search for a restaurant name and the website will display it. E.G, user input is &...
Score of -1
1 answer
70 views
Alert if a draggable div is not dropped into droppable class [duplicate]
I have a function which has an AJAX call to populate a div with a further number of divs dynamically.
Then I can drag a div with a class of liveBox into a div with a class of MDTOptionsHostDiv no ...
Score of 0
2 answers
98 views
Restricting the droppable vicinity of dynamically generated draggable div [duplicate]
I am adding draggable child divs to a parent div and making the draggable child divs draggable upon creation via an ajax call. I want to be able to drag .liveBox divs only to the div ....
Score of 0
4 answers
135 views
Dynamically created divs not draggable
I have a table with two cells with a parent div in each cell.
Via an ajax call I am populating the divs with child divs and I want the child divs to be draggable but after setting them to be draggable ...
Score of -2
0 answers
29 views
Flask form submission returns 405 Method Not Allowed even though the route exists [duplicate]
I am building a small Flask web application where a user submits a form to generate content. The page loads correctly, but whenever I click the submit button, Flask returns a 405 Method Not Allowed ...
Score of -2
1 answer
106 views
How to redirect from index.html to main.html after animation ends? [closed]
I am working on a web project with two HTML files, index.html and main.html, located in the same folder. My goal is to automatically redirect the user from index.html to main.html once the animation ...
Score of -1
1 answer
122 views
Flowing ideas across a page [closed]
I want to make a board and inside the board will be different texts flowing across a page with a floating animation, but the "texts" keep overlapping each other. My original idea was that ...
Score of 0
1 answer
144 views
How to fix the position with html and css flexbox and position?
I had a problem making the correct position for my paragraph element and the div.
(PS: all is in the photos + the CSS code)Sorry for my bad English, it's not so easy to explain
The photos of the ...
Score of 1
1 answer
213 views
How to fix content encoding error during curl operation?
I'm currently making a web crawler in PHP for my A level computer science project. I have it working, getting all the links from a page, trying to run the page, and then if it doesn't throw an error ...
Score of -1
1 answer
173 views
How to apply `a` tag on `tr`?
As far as I'm aware, it's best practice to use the a tag instead of implementing links in JavaScript, due to accessibility concerns and more.
The table tag still fulfils a great gap in developer ...
Score of 2
1 answer
247 views
How can I get an HTML element to react to :hover at a z-index under 0?
I have been trying to get my animated dropdowns to stay down when hovered but also have them go behind the header for aesthetic purposes. However, every time that I change the z-index of the mega ...
Score of 0
1 answer
119 views
How to remove scrollbar from Shopify modal pop up
I'm using Shopify's "Buy Button" to embed a product collection on a website but I'm having some trouble customising certain parts of it. The main issue is a vertical scrollbar on the modal ...
Score of 0
0 answers
99 views
Previous page's custom HTML persists during page transition
I have a Streamlit (v1.30+, Python 3.10+) multi-page dashboard with custom page routing using st.radio() in the sidebar. When transitioning from page_heavy (which contains heavy custom HTML via st....
Score of 6
1 answer
203 views
Spaces in ASCII art rendered smaller on mobile browser [duplicate]
I'm currently redoing my portfolio from scratch and wanted to do some ASCII art, decided to go with this design:
However, when rendered on my android phone, I get this mess:
As you can see, lines ...
Score of 0
1 answer
79 views
Zooming with mouse wheel in an HTML document, but need to stop vertical scroll
I am creating a very large flow chart document that is significantly larger than my view port size. I have some JavaScript that allows me to drag the document around using the mouse pointer instead of ...
Best practices
15
votes
23
replies
3k
views
I get stuck learning HTML, CSS, and JavaScript (I am a student)
I’m currently learning HTML, CSS, and JavaScript through YouTube (specifically Bro Code). After watching each lesson, I try to reinforce what I learned by deleting all the code from the tutorial and ...
Advice
0
votes
3
replies
123
views
How to add redirect to Button's onclick function in Python Bottle HTML Web Server?
So, I have a simple web server written in Python using Bottle.py
# Useful functions
from bottle import *
import random
# define what features of a quote we care about
class Quote:
def __init__(...
Score of -1
0 answers
103 views
How do I specify a virtual location for an event?
I have a schema.org snippet that specifies an event with a virtual location. My code is very similar to the online event example in the schema.org docs, and when I paste the snippet into the validator ...
Advice
0
votes
6
replies
172
views
Google search won’t index site
I’m working on a site that I’m trying to get google to index, but I simply can’t figure out why it won’t.
It’s a site I have made from the ground up in HTML / PHP, starting 10 years ago, and expanded ...
Best practices
5
votes
3
replies
321
views
How can I create my own programming language in Python HTML, CSS and JavaScript
I would like to create my own programming language for educational and novelty purposes. I am comfortable with Python 3xx, HTML 5, CSS and half of JavaScript. I had a go in python but I was basically ...
Score of 1
1 answer
72 views
how do i make it so that only the "content" section has a scrollbar
I've tried all the methods I saw everywhere, but I couldn't get it to work.
All I want is to get only the content section to have a scrollbar.
I've tried using flexbox and tried using calc(), but ...
Score of 2
2 answers
178 views
How to align text/span inside div to the right?
I'm trying to align the remaining counter to the right of the div-box, but I want the character counter to remain at left. How do I do this. This is the code I currently already have.
textarea {
...
Score of 0
0 answers
65 views
Windows 11 Narrator weirdness around Heading and AntD Button
I'm investigating a bug whereby the Windows 11 Narrator is having issues correctly announcing the text of
A standard <h1> heading
An AntD Button label
I am using react-i18next useTranslation ...
Score of -1
0 answers
79 views
How to stop padded link from folding on itself?
I'm making a legend for my website, and whenever I have an entry with a space, it folds in on itself. Does anyone know how to make it space normally within the entry, like the others?
JSFiddle: https:/...
Tooling
0
votes
0
replies
91
views
drag-and-drop store builder/plugin for a multi-vendor marketplace (similar to Amazon Brand Stores)?
I'm building a multi-vendor marketplace using the MERN stack (React + Node.js + MongoDB), and I'm looking for the best way to let each vendor create their own branded storefront.
I'm trying to achieve ...
Best practices
0
votes
1
replies
69
views
HTML slide - PPTX slide conversion using the pptx gen js
I am trying to convert an HTML slide into a PowerPoint (PPTX) slide using the PptxGenJS package. I was able to generate the PPTX slide, and the output is about 70% accurate. However, the positions, ...
Score of 1
2 answers
142 views
How do I center my <div> element containing a lot of other <div> elements?
I'm trying to center a bowling scoresheet that I made with HTML and CSS. The GitHub AI was unable to figure out how to center it, and I have tried probably about 5 different solutions I found on the ...
Score of 0
0 answers
100 views
How do I include typst produced HTML (including styling) within an mdbook?
I have a project that uses mdbook to generate a webpage.
Additionally I have a set of typst files that I generate HTML from. I am trying to integrate the typst HTML output into the mdbook.
One way I ...
Advice
0
votes
9
replies
195
views
How do I align the buttons I made using <a> inside of <ul> to be spaced evenly both vertically and horizontally?
I'm making a personal website; and I wanted to make some buttons that link to other pages, but I don't know how to get them aligned. I have 6 total buttons, but they are not the same size, and they ...
Score of 1
1 answer
141 views
How to make a clip‑path border stay fixed regardless of the div’s height
So, as you can see below, I have this div with a clip-path made out of percentages that trims the div at its corner. My requirement would be to keep the trim size independent from the height of the ...
Score of -1
1 answer
110 views
Add URL parameter to forms.ModelForm object and pass to html template
Models.py:
class Training_details(models.Model):
training = models.ForeignKey(Training, on_delete=models.CASCADE)
description = models.TextField()
class Meta:
db_table = '...
Score of 2
3 answers
159 views
How to change the position of a gif?
I can't seem to change the position of an animated gif. I've tried different types of positioning, using a div vs just adding a class to the image, and I can't get it to work. I am trying to get my ...
Score of -1
2 answers
140 views
Making Dot Leader Not Affect Text Wrapping in EPUB
I'm converting an old book to EPUB e-book. The book has some items with dot leaders. Some of the items have quite a long text before leaders. I need to make the leaders always fill the items' last ...
Best practices
1
vote
7
replies
184
views
How do I directly update the CSS for a class w/out inserting an inline style into each element?
Problem to Solve:
I am building a scorecard for a dice game to track the player's rolls & points. I'm using pure html & javascript.
There is no specific set # of players for the game, so I'm ...
Advice
0
votes
1
replies
79
views
Typing HTML Comments using Operator Mono
can you type HTML Comments using Operator Mono?
Example code snippet:
<!-- This is a comment -->
<!-- Another comment -->
<h1>Typeface Overview</h1>
<p>Ogg is a ...
Score of 1
1 answer
156 views
How do I make a keyboard-only infinite scroll in JS? [closed]
It's really difficult to explain what exactly I want with words, so instead I'll let the images do most of the talking.
This is what I currently have:
And this is what I want to happen when I scroll ...
Score of -1
2 answers
92 views
How to catch `contextmenu` events while ignoring `mousedown` events on touchscreens
I have this code that detects touchstart, onmousedown, and oncontextmenu events:
var h1 = document.querySelector("h1");
h1.ontouchstart=function(){h1.innerText='touchstart';...
Advice
1
vote
14
replies
315
views
Why do web developers use code editors instead of writing code directly in the browser?
I'm new to web development and I'm trying to understand the purpose of code editors.
Modern browsers can display and run HTML, CSS, and JavaScript. Browsers also provide Developer Tools that allow ...