Results 1 to 2 of 2

Thread: Question about interactive HTML

Hybrid View

  1. #1
    Join Date
    Aug 2013

    Question about interactive HTML

    Hello everyone

    I have a website with a drop down menu (navigation bar) in CSS code.

    I also have a large jpeg file.

    Using the <MAP> object in HTML source code I have allocated certain areas of a large jpeg file - which visually is below the navigation bar in the HTML page when executed by the browser - various URLs as hyperlinks (a href).

    What I was hoping to do is insert code into my html source code, similar to a CSS 'mouse hover' event.

    When the user moves the mouse pointer over one of the hyperlinks on the JPEG image, I want the surrounding area on the JPEG immediately outside the <MAP> object hyperlink to have a coloured border. In effect to highlight the hyperlink upon 'mouse hover event'

    Each caption name of the JPEG hyperlink has its exact caption-matched name on the navigation bar. Is it also possible to have a coloured border highlight the navigation bar name when mouse pointer is hovering over its related caption name <MAP> object hyperlink on JPEG.

    I would be grateful for any help I could receive.

  2. #2
    Join Date
    May 2005
    Gold Coast (MS)
    Might look through these links referring to "Mouseover for image map links". I'm sure it can be done, but you might want to post a link to your code on http://PasteBin.com/ or http://jsfiddle.net/ that you have so far so someone could find a solution. Paths to any images used need to have full paths given.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center