30 users online (0 members and 30 guests)  


  Results 1 to 3 of 3

Related

  1. Image to Text Rollover    Forum: Website Scripts Forum
    Replies: 0
  2. image rollover menu    Forum: HTML Forum
    Replies: 0
  3. Image rollover problems    Forum: HTML Forum
    Replies: 0
  4. CSS Image rollover??    Forum: CSS Forum
    Replies: 1
  5. Image Rollover on Myspace?    Forum: Myspace Forum
    Replies: 0
  1. #1
    hbass's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Mar 2004
    Location
    Colorado
    Posts
    71

    cursor appearing as link on a rollover image

    Hi all,
    I have a javascript rollover image. Right now when you roll over the image the cursor shows up as the little hand like it is a link. Is there a way to make the image not be a link and have the cursor stay an arrow while still having the rollover? Here is a link:
    http://63.225.252.5/wsa/index.htm

    The rollover I am referring to is under My aircraft is a... I want the popup menu to have rollovers, but there will be no pages linked to the first tier of the menu, and I don't want to confuse the viewer into thinking it is supposed to be a link.
    Last edited by HTML; 03-20-2007 at 12:28 PM.

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    It looks like you just fixed it as I was checking it out.

    or maybe I am lost

    Dave

  3. #3
    hbass's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Mar 2004
    Location
    Colorado
    Posts
    71

    Talking Solution

    I did fix it, thanks! Since I am using DW, instead of using the insert>interactive images>rollover, I used the behavior>swap image. They both do the same thing, but manually applying swap images doesn't create the link, it just makes the rollover.
    I also learned another way to solve the problem using css.

    <style>
    a.nopointer:link, a.nopointer:visited, a.nopointer:hover,
    a.nopointer:active
    { text-decoration : none; cursor : text; }
    </style>

    <a class="nopointer" href="javascript:;" ...>Text or image goes here</a>

    This changes the arrow to a text input icon. Since I really wanted the arrow, I opted for the other solution.

    Thanks!
    Heidi



Tags for this Thread