Forums

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

Home Forums CSS Looking for help adapting jQuery simple switch.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #35152
    lessrain
    Member

    Hi all, first timer here with a request for help. I’m trying to use the content swapper code that can be found here:

    http://wpaoli.building58.com/2009/10/super-simple-jquery-content-swapper/

    but wish to modify it so that I can successfully use css image replacement on the anchor link. The code works fine when using plain text but fails when I use display:block; text-indent:-9999px; on the anchor.

    Can anyone point me in the direction of a solution. Would be much obliged.

    #90591
    Mottie
    Member

    Hi Lessrain!

    Try wrapping the text in a then setting the negative text-index on the span instead of the

    Page 1

    Then in your css try something like this

    #navigation a {
    width: 30px;
    height: 30px;
    background: url(someimage.jpg) center center no-repeat;
    }
    #navigation a span {
    text-indent: -9999px;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.