Forums

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
    Posts
  • #204614
    Dext3r
    Participant

    Trying to show text when an image is hovered. I got this so far http://codepen.io/anon/pen/qdoNVL?editors=110

    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.

    #204620
    Dext3r
    Participant

    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.

    #204624
    Paulie_D
    Member

    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.