806,671 questions
5
votes
0
answers
137
views
Trouble calculating HTML line wrapping positions
I’m trying to calculate where an HTML line breaks automatically. The result should be an array of character positions where the line breaks. I came up with the following formula, which works fine. I ...
- 8,050
3
votes
0
answers
72
views
Inconsistency between Chrome and Firefox with scripted alteration of css on a canvas
I was running into a problem with a canvas-based game I am developing, and I created a minimal reproduction of the issue here:
addEventListener("load", () => {
const canvas = document....
- 143
Best practices
0
votes
2
replies
68
views
CSS best practises and when to use each
I run into css's different snippets often that make up for the same functionality, I feel confused about when to use each, that's haunting to me
Do you recommend me watching with a tutorial along, ...
-5
votes
1
answer
145
views
What css code can change the toolbar buttons appearance? [closed]
What css code can change the color ( eventually increase the boldness ) of backward and forward buttons in Firefox ?
More precisely the backward and forward buttons when there is a page available so ...
- 549
0
votes
0
answers
87
views
How to customize specific Leaflet CSS class [closed]
I'm working on a Leaflet map and have successfully customized most of the pop-ups using the suggestions here:
How would I customise the look and feel of the leaflet popup?
My point layer is ...
- 53
0
votes
0
answers
62
views
How to have CSS width not account for alpha (transparent space) [closed]
I have around 104 GIFs that are not cropped from one side of the image to the other. I want the CSS width to not account for the transparent space in the GIFs and have each of them the same size. Is ...
Best practices
0
votes
2
replies
101
views
Not getting the text above the images
Actually I'm writing the code for parallax website during the code I have a issue where the text added in the section tag is showing behind the images added before in the code but i needed it to over ...
1
vote
3
answers
194
views
How do I achive a grainy effect using an SVG after inlining it from a file?
I have an SVG as a file
<svg viewBox="0 0 200 200" xmlns='http://www.w3.org/2000/svg'>
<filter id='noiseFilter'>
<feTurbulence
type='fractalNoise'
...
- 58
2
votes
1
answer
107
views
How to prevent accidental scrolling on mobile Chromium browsers
My code creates a floating box. This box has a topbar with a few buttons (only 2 in the example below, for simplicity). When a user clicks or touches the topbar to drag it, it should drag the floating ...
- 2,480
-1
votes
3
answers
147
views
HTML table row missing event listeners from CSS class [closed]
I have an HTML table where I want my users to be able to add rows. After reformatting the HTML to look better, when they add a row by copying it from a template row, the event listener from the CSS ...
- 5,775
-4
votes
0
answers
109
views
Struggling to change responsive breakpoint on Wordpress theme [closed]
I recently installed a WP podcast theme that I love overall, but one issue is that it jumps to its responsive/mobile layout at a much larger size than I'd like instead of just continuing to shrink the ...
- 1
1
vote
1
answer
182
views
How to optimize the background parallax to be smoother on scrollbar control?
Currently, the parallax background scroll is "jerky" on the scroll with touchpad and scrollbar move, but on the anchor click it's good and smooth.
When I scroll via the mouse wheel, the ...
- 3,009
Advice
1
vote
3
replies
143
views
Video player with a menu in HTML & CSS
I'm making a portfolio website and I want to display some videos in the format of like a little video player where you can click on an option and it will play, i realize this may be a bit complicated ...
- 11
-1
votes
0
answers
60
views
0.1rem top/bottom is not equal with an image
.box{
background-color: red;
padding: 0.1rem 1rem;
}
img{
width: 24px;
height: 24px;
vertical-align: middle;
}
<div class="box">
<div class="logo">
<img src="https://...
- 2,611
2
votes
1
answer
85
views
Set CSS @property with <image> syntax
I have a CSS @property that uses <image> syntax - want the option to set it to URLs or gradients.
However, initial-value errors:
This results in the rule being ignored.
Here is a sample, note ...
- 157k
