Html – Trigger specific modal content
I have working code that toggles a modal, but I want to be able to toggle different modal content by different triggers on the page. I know I need to use ids in this, but I am not 100% sure…
Html – style.css not applying to all webpages of a multi page website
I have just started learning to code. I made my multipage resume in HTML, and now I began to add style. I was expecting the change to come in all pages, but it was only the index page that showed…
Html – Given this icon: `<span class="material-symbols-outlined"> check_circle </span>` ,on hover, how do i make only the inside of the icon green?
i'm trying to make the background color of the icon green without it going over the circular shape of the icon i've been trying to match the html element's border to the icon's shape, but the element's border is always…
Css – Need to do waves div borders
I have a <video> on web page. And I have a some text. I need to do text upper video with waves borders. I try to make invisible squares with opacity 0. But with video frame I can't do 3…
Css – HTML <video> element: how to remove the dark area around the timeline control when it appears?
When a video plays normally: The timeline control will appear when one pauses the video or moves the mouse. In a WebKit-based browser like Chrome, it looks like this: So there is a dark area around the timeline. How to…
Html – How to: resize entire page to fit screen size without distorting elements?
So, I noticed Letterboxd resizes itself according to the screen size without distorting any feature of the site. How can I apply this to my entire page? They kinda just zoom in and out... I don't have any idea of…
Html – A smarter way to "offset" an element from its container (with background)?
I've got to do a layout like this: As you can see, the hero image is 'offsetted', background being shorter of it. I managed to do it with nested css grids and a 'dummy' element to add background, but I…
How do I create an HTML table with a fixed/frozen first column and a scrollable body?
I need a simple CSS solution, in which I will be able to freeze my heading which in first column, and a scrollable body. I know there are similar question like : Example 1 and Example 2 But all questions/…
Html – How to place Paragraph on the right side of the photo?
On this little project i can't place paragraph on the right of the photo properly. There is big a mount of space between them. I used display:flex to place them horizontally. And width: 50% to make them get half of…
Html – How to use class name to change an element's display?
Let me be frank, I have no idea how javascript works. I was hoping someone could show me how to get this to actually function. What I'm trying to do is use the element's class name to change it's display…