41 questions from the last 7 days
0
votes
0
answers
28
views
Focus border on grid cell with overflow: hidden
I'm trying to draw a focus border on a grid cell.
First, I tried outline with offset. Almost perfect, but left and top borders aren't covered.
Then I tried with box shadows (also with inset). Here I ...
- 1,958
0
votes
1
answer
62
views
How to remove a css border from a twitter embed?
There is a grey border around all embeded tweets but I want to remove it and add round corners too. But because its in an iframe i have no idea how to remove the border.
<blockquote class="...
- 27
0
votes
1
answer
47
views
How to make the icon in the center of the button
This is my html code block :
<div class="close-icon">
<button type="button" id="close-button" aria-label="Close">
<i class='bxr bx-x-...
- 1
-4
votes
1
answer
57
views
Full screen cover does not work for a react video player component
<ReactPlayer
key={1}
style={{
objectFit: "cover",
overflow: "hidden",
}}
width={window.innerWidth}
height={window.innerHeight}
src={"https://vimeo.com/...
- 3,332
-4
votes
0
answers
42
views
How do I make model scrollable? [closed]
I have this code that generates modal from javascript.
Here is the code:
var _modalManager;
this.init = function (modalManager) {
_modalManager = modalManager;
var modal = _modalManager....
- 2,651
1
vote
0
answers
42
views
Css Bem naming blocks in different sections
I'm trying to implement BEM, but I have a review block that appears in both the top-review-section and the product-review-section. My approach is to use a Modifier for context-specific styling, but my ...
- 11
-6
votes
0
answers
42
views
website has white section on top (near notch) and bottom of Safari iOS 26.1 [closed]
I've recently updated my os to iOS26.1 and noticed that my website appears to have a white section above the header -- the white section is essentially where the iPhone notch is (sorry using an older ...
- 770
-8
votes
0
answers
44
views
My text won't break correctly when using CSS left property [closed]
I have a problem with my website.
I use css left to give my text a margin to the left of the page. When I use that though, My text will overflow off the page to the right a bit instead of breaking at ...
Advice
0
votes
1
replies
39
views
Use items from local storage to pre-populate a webform
I am new to HTML, CSS and Javascript.
I am building a website that has a shopping cart feature and I am able to list my products, and and remove to the shopping cart and have the UI update the ...
- 1,458
2
votes
1
answer
49
views
Scale function in Firefox
I'm working on a tiled layout where I want the tiles to randomly zoom to double size. This works fine in Chromium like browser but not in Firefox.
What works in most browser is:
scale: 2;
What does ...
- 3,101
2
votes
1
answer
39
views
CSS in a Help Text for a page item gets applied to other page items in Oracle APEX
I have defined the following Help Text for a drop down list on a page in oracle APEX :
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<table ...
- 33
-1
votes
0
answers
59
views
Displaying full-page heatmap in iframe without coordinate mismatch [closed]
I’m trying to create a heatmap. When a user clicks anywhere on my website, I track the x/y coordinates and save them to the database. In my dashboard, I load the website inside an iframe and display ...
- 539
Advice
0
votes
4
replies
107
views
How can a CSS animation transform scale start from where a transition left off?
I have an HTML div that contains a photo, amongst other things. This div is movable by the user with a click and drag. When the div is clicked (:active), after a slight delay, I have it grow slightly ...
- 218
0
votes
1
answer
98
views
Animate a div between width constrained and a height constrained, also keeping the same aspect ratio as the img
I have a div containing an image. The image is user supplied so it can be tall or wide or square. By default I want to keep the image at a fixed 36px height, its width expanding as needed according to ...
- 1,346
0
votes
2
answers
83
views
How to increase space between an ordered list item''s marker and content whilst using list-style-position: inside?
I have an ordered list (<ol>).
<div class="wrapper">
<ol>
<li>List item</li>
</ol>
</div>
I'd like to remove the indent of the <ol> ...
- 15.8k
0
votes
0
answers
37
views
CSS is not being applied correctly in Outlook Classic on macOS [closed]
I am experiencing an issue where the CSS of my email template is breaking on MAC devices that use Outlook Classic. I have tried adding some validations such as the following:
<!--[if mso]> ...
0
votes
0
answers
28
views
Why doesn't the carousel component take into consideration the max-h-full?
I have a carousel component:
import * as React from "react"
import { Card, CardContent } from "@/components/ui/card"
import {
Carousel,
CarouselContent,
CarouselItem,
...
- 3,450
-1
votes
0
answers
33
views
Entire browser glitching/flickering during CSS transform animation [closed]
I have attached a link to a screen recording of my problem, I am asking here as I cannot find examples of this problem elsewhere and I have tried various possible solutions such as wrapping the ...
- 21
3
votes
1
answer
56
views
How to set translateX based on the <html>'s dir attribute?
I made a sidebar that collapses/opens with animation. The site can either be RTL or LTR.
.sidebar {
max-width: 380px;
width: 85%;
height: 100%;
position: fixed;
z-index: 100;
...
- 3,450
0
votes
0
answers
23
views
How to vertically align a GrapesJS component without converting its parent to flexbox? [duplicate]
The issue I’m facing is about vertical alignment inside a GrapesJS component, but the problem can be reproduced even without GrapesJS.
Here is a small, runnable example showing the exact behavior:
<...
- 1
0
votes
0
answers
35
views
CSS Grid Dashboard: repeat(auto-fit, minmax(300px, 1fr)) Unevenly Spacing Tall vs. Short Cards on Resize? [duplicate]
I'm building an analytics dashboard with variable-height cards (e.g., text metrics vs. embedded charts). Using CSS Grid's auto-fit for responsiveness works on desktop, but resizing causes uneven gaps ...
