807,018 questions
1
vote
2
answers
42
views
How can I present this nested <ul> as a hierarchy tree using CSS?
I'm trying to style a deeply nested <ul><li> structure in HTML to visually represent a timeline/tree structure like this:
1830 Palmyra
└─── 1837 Kirtland
└─── 1840 Nauvoo
├──...
0
votes
1
answer
45
views
Registration form not displaying validation error messages for input fields
I'm building a user registration form using HTML, CSS, and JavaScript, with Firebase Authentication handling the registration.
I wanted to add a common feature where errors are prompted when using an ...
0
votes
0
answers
56
views
How to show "$" before the number in html input [duplicate]
I am using the following structure (linked to TMS Webcore in Delphi) in the html
<div class="form-group required col-lg-12">
<label id="form.lblCost_PP" ...
0
votes
2
answers
61
views
Redirecting to a page named after the entered password?
I am so sorry to have to post here but I really can’t find anything to help me doing what I have in mind. And I apologize in advance if my request is ridiculous.
I would like a password field as well ...
0
votes
1
answer
74
views
How to show a custom footer only on the last printed page using pure HTML and CSS?
I need to generate a printed document directly in the browser (Chrome), using only HTML and CSS
My goal is to:
display a custom footer (e.g., a specific string) only on the last printed page.
Here's ...
0
votes
2
answers
40
views
Set table row colours by certain values with css [closed]
I have a table that I would love to style with CSS to make each row a different color based on the values of a certain cell in the row.
I only have access the the CSS, as it is a PC game that only ...
1
vote
2
answers
73
views
In CSS, is it possible to make elements shrink by given order
My goal is make the text "ChatGPT" shrink to zero 0px first when there is not enough width space then the title text after.
I tried: flex-shrink: 999 https://play.tailwindcss.com/6JLCwJuFMI?...
3
votes
2
answers
78
views
Python (no Django/Flask) - CSS and other static files not being recognized in base template
Apologies for the basic question, but I can't figure out why the CSS sheet called out in my base template's header isn't hooked up when I check my index.html file on http.server.
I'm migrating my site ...
3
votes
1
answer
118
views
Weird behavior when focusing on an element
Clicking on the focus button makes #container move up 1 pixel:
<html>
<body>
<div style="overflow: hidden" id="root">
<div style="margin: -1px" id="container">...
0
votes
3
answers
32
views
How can I remove the blue focus outline (ring) around my Slate.js editor?
import { Slate, Editable, withReact } from 'slate-react'
import { createEditor } from 'slate'
function MyEditor() {
const editor = useMemo(() => withReact(createEditor()), [])
return (
&...
-1
votes
0
answers
67
views
Difficulties with responsiveness [closed]
I'm having trouble with the responsiveness of a landing page. It doesn't adapt well to mobile devices. I'll forward my Style.css and HTML:
Problems: Slide and Forms
I'm working on a responsive ...
0
votes
0
answers
33
views
backdrop-filter + clip-path + 3D rotate renders incorrectly in Firefox [closed]
In Firefox, when applying a clip-path and backdrop-filter to an element that's also 3D rotated (perspective on parent + rotateY()), the backdrop gets rendered in a strange, incorrect way.
CodePen demo ...
2
votes
2
answers
96
views
Why does CSS display: absolute push the parent content?
I thought CSS display: absolute does not affect the parent layout, but I came across a bug.
const wrapper = document.querySelector('.wrapper');
const content = document.getElementById('content');
...
2
votes
0
answers
53
views
How to get CSS translateX working the same on Chrome and Firefox
I've modified code from this article to create an animated 40px high line with rounded ends, that shrinks from 120px length down to 0 length and then expands back to 120px length.
However I noticed ...
-1
votes
0
answers
29
views
Tailwind css v4, organising file/folder/directory structure? [closed]
Goes without saying I'm a rookie,
I recently got into Next JS-v15 and Tailwind- v4. I'm obsessed with functionally optimal file/directory structuring. I want to know how to organize the tailwind CSS ...