Forums

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

Home Forums CSS [Solved] CSS image mouseover gallery

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #29338
    copaesthetic
    Member

    I’ve been looking at several different pages regarding using CSS to change an image on mouseover. I have a gallery very similar to the one found here http://trufcreative.com/truf_number_cat … -identity/ however when I view this page using Firebug, I can’t seem to find the image swap rule just positioning rules…

    Code:
    #thumbnails li {
    height:105px;
    margin-top:20px;
    overflow:hidden;
    position:relative;
    width:220px;
    }

    I know it uses that method to where its a single stitched together image [X|Y], the rules telling it to move left half-way on mouseover, thus exposing 1 image while hiding the 2nd half and then visa versa on out.

    I also tried to at least implement the XHTML, but since its a list I automatically get that single dot beside my image!

    Code:
    • TRÜF
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.