I've got a css dilemma. This question probably seems simple, if not laughable for you experienced programmers out there, but I'm gonna ask it anyway. So my <nav> is set to be the full width of the <body>. And I…
I'm trying to create a table with a corresponding textarea for notes in each row. Additionally, I have a toggle switch that, when enabled, hides all but the first textarea and makes the first textarea expand to fill the space…
I have a use-case where I need to assign a unique and persistent unique id to each HTML tag in my page. Background: I have created a block element so everything in the webpage is a <Block /> element now.…
I am trying to combine object-fit: contains with aspect-ratio: 1.5 /* hardcoded number */ on an img. The image remains square, however: // Javascript for example resizing panels only. const leftPanel = document.querySelector('.left-panel'); const rightPanel = document.querySelector('.right-panel'); const panelHandle =…
Is it possible to place a marker image over a relative image, without changing the position of the marker image? If the size of the relative image changes, the position of the marker image on the underlying image should remain…
I have an html document inserted in a web page, and my goal is to implement the button which will point to the text with colored background in those doc. The problem is, I'm not allowed to modify document itself,…
#title-row { display: flex; justify-content: center; width: 100vh; text-align: center; height:100vh; } .title-img { z-index:1; position: absolute; left: 0; top: 0; } .title-row > p { z-index: 2; position: absolute; font-size: 30px; font-weight: bold; left: 135px; top: 130px; } body…
I am building a Table of Contents page with a specific design. As per design, each title should be followed by dots till the end of the line. The size of the dots will also vary depending on the title's…
I am struggling to bring the border colour to the background using a radial gradient shape for a few days. The link I refer to below link to achieve the curve shape concept https://css-tricks.com/cut-corners-using-css-mask-and-clip-path-properties/ The issue here is that when…
I stumbled across this water wave animated footer on YouTube and I'm currently working on a project myself so I decided to implement the footer into my own project. The thing is that's it's not working. The "wave" image is…