Skip navigation
DoodleSprite
Currently Being Moderated

Dreamweaver Rollover Help

Mar 10, 2013 9:53 AM

Tags: #help #error #dreamweaver #rollover

When making a webpage, rollover images malfunction to show the rollover change over one central image, instead of the specified image. What did I do wrong?

 

Here's what I mean (ignore the whote squares, I edited out the title and any telling informationbecause this website is for a client)

 

(without rollover)

Untitled.png

 

(when rolled-over)

2.png

 
Replies
  • Currently Being Moderated
    Mar 10, 2013 9:57 AM   in reply to DoodleSprite

    u should place same width & height of rollover image.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 10, 2013 10:00 AM   in reply to DoodleSprite

    upload ur link for checking?

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 10, 2013 10:04 AM   in reply to DoodleSprite

    send ur codes

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 10, 2013 10:43 AM   in reply to DoodleSprite

    1. The page has no doctype. It should do so to prevent browsers from rendering in Quirks mode.

    2. The page is built using methods right out of the mid-nineties. Are you sure you want to use such an antique approach?

    3. Many of your image tags are improperly formed, e.g., < img, instead of <img. There should be no space between the opening bracket and the "img".

     

    Your problem is that all of the rollovers are targeting "image31" -

     

    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','images/index_ov_08.gif',1)"><img src="images/Index_08.gif" width="127" height="79" id="Image"></a>

     

    So for example, this rollover should target the id of the image to rollover - "Image" -

     

    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image','','images/index_ov_08.gif',1)"><img src="images/Index_08.gif" width="127" height="79" id="Image"></a>

     

    and this -

     

    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','images/index_ov_09.gif',1)">< img src="images/Index_09.gif" width="127" height="59" id="Image2"></a>

     

    should target "Image2" -

     

    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/index_ov_09.gif',1)"><i mg src="images/Index_09.gif" width="127" height="59" id="Image2"></a>

     

    Had you initially applied the rollovers properly to each of those images, this would not have happened.

     

    By the way, this page has no readable content and will therefore not be ranked at all by search engines.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points