69,937 questions with no answers
1
vote
0
answers
358
views
CSS Anchor Positioning Polyfill not handling position fallbacks
I added the Oddbird Css Anchor Positioning Polyfill Oddbird Css Anchor Positioning Polyfill for use in Firefox and it seems to be working nicely.
//index.js
import polyfill from "@oddbird/css-anchor-...
0
votes
0
answers
169
views
Blur effect on wordpress website menu and submenu
I have been trying to get a blur effect on my website sticky menu and submenu. The editor I am using is WordPress pagelayer.
I asked first from ChatGPT, and this is the answer I got:
#menurow {
...
0
votes
0
answers
74
views
How can I implement this shape from Figma file?
How can I implement this Union shape given in a Figma design. In Dev Mode of Figma this shape with curved arrow only comes as SVG and figma does not give a clip-path css rule for the same. Wanted to ...
1
vote
0
answers
87
views
Control drawing on a canvas on a window from another window (with sliders)
I have a simple window with a canvas on the top and sliders on the bottom.
The sliders adjust what is being drawn on the canvas.
Because I have a few sliders, I have to constantly scroll down to use ...
1
vote
0
answers
56
views
Wrong height for aspect-ratio div in flex-wrap wrap parent
Content overflow in flex layout containing aspect-ratio items when you set flex-wrap: wrap.
I tried to set aspect ratio using height: 0 and padding-bottom: %. in that case the div height is greater ...
0
votes
0
answers
71
views
Adding an image within Bootstrap 5 grid
I want to add an image below the paragraph text that I've set. I want to keep it within the same section as my "Welcome to Ingeniator Engineering" bit and therefore reduce the whitespace ...
1
vote
0
answers
82
views
Problem with CSS masking using PNG file transparency
UPDATE: I seem to have solved it though I am not confident that my solution is correct.
I put all files on a server.
I reversed the transparency of the mask image. I am using Paintshop Pro (I know, ...
0
votes
0
answers
127
views
Anomaly with padding, margin, and display
So, I have a div named highlights which contains a bunch of cards. When I put #highlights into another div, named about which only has padding: 5rem 0; (margin would cause the same effect) for its CSS,...
0
votes
0
answers
40
views
iOS: iframe inside Three.js CSS3DRenderer (CSS3DObject) won’t scroll
Problem
I’m building a Three.js scene where a laptop screen is a CSS3DObject containing an <iframe> (the iframe loads my separate React “2D OS” app). Desktop works fine, but on iOS Safari, ...
0
votes
0
answers
108
views
How must I set a title <h1> with logo and top- and bottom- border with CSS?
My goal is to create a section with a title, a left-aligned logo, and a colored background. The logo and background must also be enclosed in a border. Something like this:
The correct alignment is ...
-1
votes
0
answers
78
views
The stylesheet in my ASP.NET MVC _Layout file is not being linked to so <h1> not turning blue
I am linking to a stylesheet in my _Layout file in my ASP.NET MVC project. The style sheet turns the h1 header color to blue but it is still black. What am I doing wrong?
The path that is in the ...
0
votes
0
answers
329
views
Using semantic UI to create a web app layout with a side nav, fixed header, fixed footer
I am trying to create a specific site layout for a web application using semantic ui and can't get it down for some reason.
The layout consists of the following pieces:
Sidebar (Narrow sidebar that ...
0
votes
0
answers
37
views
Cannot change fonts in MasterStudy Front-end Course Builder
I’m trying to change fonts in MasterStudy LMS Front-end Course Builder
(/user-account/edit-course/), but nothing works.
The main website fonts are overridden successfully via child theme, however ...
0
votes
0
answers
90
views
Sync HTML selection box with rotated SVG element (rotation drift & incorrect bounds)
I am building a simple SVG editor (move / resize / rotate with custom pivot).
The SVG element is transformed using SVG transforms, but the selection box is NOT SVG — it is a HTML <div> overlay ...
9
votes
0
answers
380
views
Chrome is rendering prism code highlighting on a page with no scripts and only one pre tag, if I have the 1Password extension turned on
I have one HTML page. This is the entirety of the code:
<html>
<body>
<pre class="language-javascript"><code> function x(){ } </code></pre>
...