Grow your CSS skills. Land your dream job.

CSS Rollover/hover question

  • # December 19, 2008 at 11:25 pm

    This might be easier than I think, but I am wondering how I make an image that’s not associated with the anchor link change when you hover over the specific link.

    I think I worded that correctly…

    # December 20, 2008 at 12:09 am

    I’m planning to update this example soon, but…
    http://css-tricks.com/examples/RemoteLinking/

    # December 21, 2008 at 11:42 am

    I knew I saw this before! I couldn’t remember where it was on your site haha. Thanks :D

    # December 22, 2008 at 11:02 am

    Is there a way to have the images stay in the original state when you roll over them instead of having them change? I want to have the images just change when the word is rolled over. In what I’m doing, I have 2 images: 1 representing the link and one being an arrow that will change color when the "link" image is rolled over. I just want the arrows to change colors when I hover over the other image.

    Sorry if I’m confusing :D

    # December 28, 2008 at 12:03 am

    No dice, eh?

    # December 28, 2008 at 4:54 am

    The example Chris gave you should do exactly that. Perhaps you can reword your problem? It was a little confusing.

    # December 28, 2008 at 5:03 am
    "synic" wrote:
    No dice, eh?

    Using Chris’ example, add:

    Code:
    ul li a:hover {
    color: #999;
    font-weight: 400;
    }
    ul li a em:hover {
    color: #900;
    font-weight: 700;
    }
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".