treehouse : what would you like to learn today?
Web Design Web Development iOS Development

CSS Rollover/hover question

  • 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...
  • I'm planning to update this example soon, but...
    http://css-tricks.com/examples/RemoteLinking/
  • I knew I saw this before! I couldn't remember where it was on your site haha. Thanks :D
  • 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
  • No dice, eh?
  • The example Chris gave you should do exactly that. Perhaps you can reword your problem? It was a little confusing.
  • "synic" said:
    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;
    }