Get a free trial // 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…

    # 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:

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed