www.webdeveloper.com
Results 1 to 4 of 4

Thread: [RESOLVED] Style the popup on an image map?

  1. #1
    Join Date
    Aug 2010
    Posts
    81

    resolved [RESOLVED] Style the popup on an image map?

    I have an image map here:
    http://www.girlscoutsmoheartland.org...nt/council-map
    with some pop-up text on hover.

    Is there some way to style the box and text? I tried putting some tags like <strong> around text, but it would just print out and display "<strong>".

    Thanks for any suggestions or pointers!

  2. #2
    Join Date
    Mar 2011
    Posts
    1,144
    The method used on that page just relies on the browser's display of the 'title' attribute of the <area> tag, which is just plain text. There's no way to style the text with this method. You'd have to add some JavaScript that would allow HTML content to be displayed as a tooltip. Search on "javascript tooltip" and you'll find several choices you could try. Good luck!
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,216

  4. #4
    Join Date
    Aug 2010
    Posts
    81
    Quote Originally Posted by rtrethewey View Post
    The method used on that page just relies on the browser's display of the 'title' attribute of the <area> tag, which is just plain text. There's no way to style the text with this method. You'd have to add some JavaScript that would allow HTML content to be displayed as a tooltip. Search on "javascript tooltip" and you'll find several choices you could try. Good luck!
    Thanks! I did exactly that, and came out with a pretty cool effect. Thanks!

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



Recent Articles