mouseOver effect using CSS

Collapse
X
 
  • Time
  • Show
Clear All
new posts

  • Rabbit
    replied
    If you're going to go the image route, you need both image elements in there. Then you can use the on hover to toggle the visibility of your image elements or modify the z-index.

    Leave a comment:


  • Alberto Perez
    replied
    I'm sorry Rabbit, but I don't understand your answer. Can you be a little more specific?

    I've been trying to create an image mouseOver effect using CSS without any success. My current css code is:

    <a href="docs/sorry.html"><im g src="images/member.jpg" width=190 height=45 border=0><a/>

    the other image is located in the same place and called "member2.jp g"

    Can you try to help me again, please.

    Leave a comment:


  • Rabbit
    replied
    The HTML should be nested something like this:
    Code:
    <a><div></div></a>
    Then your css should use a different background image using the hover.

    Or if you don't want to store the image paths in the css sheet, you could nest the HTML like this:
    Code:
    <a><img><img></a>
    And use CSS to toggle visibility or z-index.

    Leave a comment:


  • Alberto Perez
    started a topic mouseOver effect using CSS

    mouseOver effect using CSS

    I've been trying to create an image mouseOver effect using CSS without any success. My current css code is:

    <a href="docs/sorry.html"><im g src="images/member.jpg" width=190 height=45 border=0><a/>

    the other image is located in the same place and called "member2.jp g"

    Can you help please.
Working...