The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image overlay help – it all stacks over one image!

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #30657

    I have a set of four images, and my functionality goal is so that when you hover the mouse over the image thumbnail, it applies an overlay with some information that you can click.

    To give you an idea, take a look at this image:

    I’ve got the basics down, but currently the overlays are just stacking in the top left image. Not sure how to fix it, so I wondered if you guys could help.

    Here’s the website:

    Have a look at my code and see what you think!


    Hey wolfcry, cheers for the heads up about the span and h1 issue, I didn’t realise that was a problem! Nice to know, though.

    I managed to fix the problem as I was kind of in a hurry to get it solved (bloody tight schedules!) so I asked again on Stack Overflow.

    Thanks for taking the time to reply


    For anyone else running into the same problem, if you are truly set on using spans, for whatever reason, you should be able to change them to display: block;.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.