I am making a small schoolproject but I am now stuck on something.
I want the headphone pictures to dissapear and text to appea rinside the same box when I hover over them. Is this possible in CSS?
It's possible to do what you want, but it would require slicing up that single image into several pieces and working with z-index/layers, which I don't know if you're ready for yet. My advice would be to make the image an image map, and add 'title' attributes to the <area> tags to display your desired text as pop-up tooltips without requiring a lot of coding. That would be much simpler and cleaner.