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

Home Forums CSS Link ruins hover overlay

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

    Trying to show text when an image is hovered. I got this so far

    Now I want to add a link where it says (Link)

    <span>Some title <a href="#">(Link here)</a></span>

    Like that, but it seems to ruin the whole thing :(
    and I don’t have a clue as to why that is.


    Hey thanks for the reply! I want to add a link tag to where it says (Link here) now if you try that you’ll notice that the overlay doesn’t display at all. I really don’t know why, was hoping someone could figure out my error.


    Yeah, but if you do that, you are nesting a link within a link, so which link are you clicking then? Besides I don’t think that would be valid HTML-code.

    It’s definitely NOT valid HTML.

    If you want that functionality, take the .details div out of the link and make that an absolutely positioned element over the whole image wrapper element

    Then you can add anything you like inside it including links.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.