How to put Images or divs on top of another in html
In an HTML for my school website for an admission page, I was struggling to put the forms for admission or pictures of the forms on top of one another. Not literally on top but almost like line-by-line. here is a picture of the problem. And I want it to be central, what should I do?
Disable css filter effects on pseudo elements
Hi,
So I work in Wordpress using the Divi theme:
I'd like to have a hovereffect with some filters ( brightness, blur etc) on my module, but not have effect on my before and after.
Look at the provided images, one is on hover, one is when i'm not hovering
The text is my before and after...
How can I disable image animations that run when a web page reloads?
I'm building a webapplication and have run into a problem. I'm trying to recreate the logo which is displayed on Disney+ (https://www.disneyplus.com/en-se) in the upper left corner. The logo appears when the user is scrolling down and disappears when the user is scrolling up. My logo is appearing/disappearing when I scroll down/up. The only problem with my logo is that it will shortly appear and disappear everytime I reload the page. Is there a way to get rid of this?
I've tried to solve it on my own, with ChatGPT and with YouTube (https://www.youtube.com/watch?v=4prVdA7_6u0&ab_channel=KevinPowell) but it didn't work.
```html
<a href="#header">...
How can i achieve this gradient effect
I am struggling to create this linear background color effect using linear gradient. Any help would be very thankful❤️
Adding a scroll bar within a div element in a nested Grid
Hello all, I am struggling to get my grid boxes to scroll properly. I have my page divided into different grids and I'd like to be able to add a scrollbar to grids with info that extends beyond the bounds of the box they're in. For instance, the grid in the highlighted section of the image should be scrolling to show all the "content" boxes. However, that scrollbar doesn't function and instead a scrollbar for the entire page is created. Can anyone help me figure this out? Also, if it is relevant, I have the html and body set to height: 100%.
Here is the Codepen I made with all the stuff if you want to see the whole thing: https://codepen.io/AJandRoses/pen/RwEeeOm...
Is it wrong to use the mask-image property? Is it obsolete?
I've been learning how to use the mask-image property but without the -webkit- prefix it doesn't work in Chrome.
Align list-style-image
I'm having trouble maintaining alignment with
list-style-image: url(imgs/icon-list.svg);
Currently, the Icon exceeds the line-height (see attachment), causing the list items to be misaligned.
I've tried to set height/width on the marker, but cannot get this resolved. Any ideas?...
Ul Padding issue
Hello,
I'm trying to keep consistent padding so everything is aligned on the left. The UL has default padding, and once removed, beaks the flow as the
list-style-image is ignored and only the contents follow. How can I align so that list-style-image maintains the same padding?...
Broken Layout (CodePen link shared) Plz help!
I was trying to display some data, but i dont understand why my cards are overflowing from the above inside the project list div. I tried to cut of the code as much as I could and use a dummy layout with same styles and classes. The issue is still there. I used forEach loop on the array which will create cards equal to the number of elements inside the project-list div.
The cards are displayed with the required styles but the overflow from the top and some number of cards are always hidden from the top whereas for the design to work, i added overflow - y to scroll becoz I needed a scrollbar.
I really cant understand whats going on even after cutting of so much of code and trying it out with a dummy layout.
The broken layout is inside the right div which has a black background and cards in it ....
web page lines in nextJS
can anyone explain me what causes theses lines to appear? even if i only have a p tag and button tag
