How to hide text until hover?

Viewing 2 replies - 1 through 2 (of 2 total)

  • This should work..

    .post_column_1 a span { display:none }
.post_column_1 a:hover span { display:block }

    I’d note however you do have some invalid markup in your page..

    Eg: Each of the elements in question has an element inside it with the ID wrap. IDs can only be used once in a page, switch them to a class or give them unique IDs.

    Additional: Block level elements cannot be placed inside inline elements, a heading (h2/h3/h4, etc..) should not be inside an inline element, such as span, strong, em…. and so on..

    The HTML errors are just a side note for you… (don’t worry about it if you’re not fussy about invalidations).

    Thread Starter clipnyc

    (@clipnyc)

    Great, thank you, that was an easy fix!

    (I’ll try to work on correcting the HTML, thanks for the tips)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to hide text until hover?’ is closed to new replies.