807,322 questions
0
votes
0
answers
41
views
Fixed blocks are incorrectly positioned at the bottom of the screen when the address bar is dynamic in Safari [duplicate]
Bug Description
In mobile Safari, when the address bar is positioned at the bottom, or when it's minimized, an issue arises with blocks positioned at the bottom of the page: their UI and actual ...
- 133
3
votes
1
answer
78
views
Inset shadow for an arbitrarily-shaped element
I'd like to give a custom shape to an element (e.g. using clip-path) and I'd like it to have an inset shadow which follows the shape.
This is an example of what I'd like to achieve, with a triangle ...
- 1,204
0
votes
0
answers
49
views
overflow scroll not displaying scrollbar when out of div
I have a div with overflow-y: scroll, when I put my mouse on the div (and when there is a need for overflow), the scrollbar appears and works perfectly. When I move the mouse out of the div the ...
- 2,367
0
votes
1
answer
70
views
How to scale a property value linearly with the viewport?
I have an element that should have a padding of 3em for width > 600px and 0 for width < 500px. There should not be a jump on resizing, so I thought I could scale it linearly with the viewport ...
- 459
0
votes
1
answer
60
views
I can’t get the navigation links on my website to line up on the left side of the navbar
I'm having trouble trying to align the navigation links on my personal website. Whatever I do in the CSS and index.html file, nothing changes. The links are still in the center of the navigation bar. ...
-4
votes
0
answers
52
views
Can I restrict a child's height based on parent while restricting parent width based on children?
I have a "popup" dialog-like container meant to prompt the user to choose one of two options. The dialog is meant to be fully on-screen, and the options are images that are taller than wide, ...
- 29
0
votes
0
answers
35
views
Is there a way to force exact pixel size and position of buttons in FlowFuse Dashboard / Node-Red Dashboard 2.0?
Warning: I am a beginner and likely in over my head.
I come from Audio/Visual control programming. One of my clients is using a system based on Node-Red that exposes the Dashboard for customization. I'...
- 9
0
votes
1
answer
102
views
Prevent long <legend> from overflowing <fieldset>
In the following scenario with a normal case and bad case:
fieldset {
width: 500px;
}
<fieldset>
<legend>My normalcy brings uneasy peace.</legend>
</fieldset>
<fieldset&...
- 153
2
votes
1
answer
50
views
How can I change the background color of an active link in a Bootstrap dropdown menu?
I am desperately trying to change the background color of the Bootstrap 5.3 dropdown menu whose link is active.
When I am on a page, the menu link for that page appears in bold, but when that page is ...
- 23
0
votes
0
answers
31
views
Margin-left not working on a button element [duplicate]
The code looks like this
I'm currently learning HTML and CSS. I can't understand why when I give the parent div a display:flex the margin-left:auto property works on the button-secondary, but when the ...
1
vote
1
answer
59
views
Why does `line-height:1` cause overflow in this CSS grid?
I'm a little new to CSS grid stuff, so forgive me if this is obvious, but I haven't found a good explanation for this so far.
In my mind, line-height:1 basically means "use the normal value."...
- 11.4k
1
vote
3
answers
117
views
How to get rid of unwanted space between bottom border and canvas on iOS/iPadOS
I have an HTML canvas on iOS/iPadOS devices shows a small gap between the canvas and the bottom border. I've fixed this problem in the past with a div by adding display: block; but that does not work ...
- 218
3
votes
1
answer
97
views
Maintaining centering with several div elements whilst using keyframes to orbit
I've just learnt css and html basics over the past few days, and have been trying to set up a simple planetary orbit of the earth around the sun. However, i've had no luck researching how to set the ...
- 21
3
votes
2
answers
218
views
Radix UI's global CSS cannot be overridden with TailwindCSS utilities - only with !important
I'm using ShadCN UI, Radix UI with TailwindCSS v4. I noticed that Tailwind classes don't work unless I add !important. For example:
<section className="bg-gray-100 !px-15 !pt-15 !pb-20 rounded-...
- 118
1
vote
1
answer
114
views
SVG pixel rows change size when scaled [closed]
I am appending an SVG element to my document, but when I scale it, the pixel's become inconsistent, with certain rows becoming smaller or larger than the others to fit the desired space. In case 2 ...
-2
votes
1
answer
62
views
I cant seem to hide a img from one html to my otger html file [closed]
I wanna hide an background-image i set on the body without a class and it shows on my other index.html,i gave the body a class but it doesnt work please help idk what eles to try i even try to used ai....
0
votes
2
answers
91
views
.NET 8 Blazor - Equally dynamically sized buttons in a table without JS
I'm using .NET 8 & Blazor, and ONLY css/html/C# - no JS.
Goal: match all buttons to the largest button in any of the cells dynamically. As any button could change size (Usually becoming larger ...
- 56
0
votes
1
answer
50
views
Extra space on the right hand of bootstrap header
I have this little issue but I can't figure out what it is, could someone take a look and enlighten me - basically, I'm building a website with bootstrap and can't figure out why do I have this little ...
- 11
0
votes
1
answer
93
views
CSS opacity transition not working with iOS
I built a sort of timeline with a grid design and horizontal scrolling.
Dates are in the center row, while a picture is in 1st and some legend in 3rd.
The aim is to display pictures and legends only ...
- 33
3
votes
1
answer
77
views
How to use CSS variables in a React.js component with TypeScript?
I'm new to React.js and want to set some CSS variables in an inline style attribute on a rendered component based on some calculations in JS.
When using TypeScript, it seems that I have to declare a ...
- 30k
2
votes
1
answer
119
views
container not getting equal space from margin top and bottom
I am not able to make the container responsive and keep the margin top and bottom of the container equal in all viewport. Even if the screen is zoomed out and in also can i make the space even.
My ...
- 29
2
votes
3
answers
133
views
How can I strictly wrap text at a fixed width
I want to show some program output in a web page, and I want to keep all whitespaces and force all lines to be wrapped in a fixed width (e.g. 8ch in the snippet below) with CSS styling.
I'v tried the ...
- 440
2
votes
1
answer
80
views
CSS: background color bleeding through rounded corners with overlay
I need some help with a small visual glitch in my layout.
I’m building a card component that has an orange background and a dark overlay on top.
Everything looks fine except for the bottom corners, ...
- 33
2
votes
1
answer
74
views
Conditional css class in Angular does not apply on first render
In Angular I have two equal components, but one has green-background:
home-options component html:
<section class="home-options">
<home-option
title="Encuentra tu ...
4
votes
1
answer
82
views
Dropdown Menu for Login is Going Behind Navigation Bar and Creating Horizontal Scrolling in HTML/CSS
I am working on a navigation bar with a login dropdown menu, but I’m facing an issue where the dropdown menu appears behind the navigation bar when I hover over it. Additionally, this issue is causing ...
