Welcome to Our Community

Wanting to join the rest of our members? Feel free to sign up today.

Sign Up

Dreamweaver rollover image help!?

Discussion in 'Web Design Forum' started by Alimoqi, Mar 4, 2011.

  1. Alimoqi

    Alimoqi Banned

    How can I make a rollover image that doesn't have the same size? I mean for example, the primary pic is 200 x 50... how do I make the rollover image a 300 x 70?.. is it possible?
  2. Victorious

    Victorious New Member

    Simple css hover declaration should do the trick.
  3. addmac

    addmac New Member


    .class {width: 200px; height: 50px}

    .class:hover {width: 300px; height: 70px}

    If you need this to work for ie6, you will need to use js, as the hover pseudo class cant be used on things that arent anchors.

  4. Victorious

    Victorious New Member

    Or simply wrap your images in an anchor tag and do declaration a:hover img{}

Share This Page