Forums

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

Home Forums CSS [Solved] Image Rollovers

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #27372
    TheN00b
    Participant

    Hi Guys

    I do not know whether this can be done with CSS .. but I thought If anyone would know .. it would be you guys at CSS Tricks :)

    On my website I have some image links, and I want them to change when hover and clicked.

    I’m talking about them links to websites in the blue middle strip. I would greatly appreciate any help.

    Thanks Guys.

    #68758

    I don’t see why not… You could use CSS sprites to do this. Create an image that includes the normal/hover/clicked states, and then make that a background image on an <a> element (with display:block, and a set height/width). Then, change the background position when the mouse overs (a:hover) and when clicked (a:active).

    #68759
    TheN00b
    Participant

    Hi Falken

    I get the first bit about having one image with the states I want .. but then what do I do with that image.

    That is where I’m lost .. what code do I use ?

    Thank You.

    #68760

    This has a pretty good explanation:
    http://www.webvamp.co.uk/blog/coding/cs … rollovers/

    #68768
    TheN00b
    Participant

    Thanks So much Falken

    It worked .. It was a lot of work because each anchor tag was different .. but it worked in the end.

    Thank You So Much :) You’re a star

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.