Results 1 to 3 of 3

Thread: Balloon Tooltip w/image Problem

  1. #1
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Balloon Tooltip w/image Problem

    1) Script Title: balloontip.js

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...oontooltip.htm

    3) Describe problem: I had balloon tooltips working fine with just text so I decided to add some graphics as well. In my testing, I found some very odd behavior. The first element on the page works perfectly. However, all the other elements place the arrow correctly but the balloon is displayed nowhere near that arrow. In most cases it is somewhere out of the visible area and at times it magically expands the size of the page with blank space at the bottom.

    This is the behavior with Firefox 5.0 and IE 6 and can be viewed at:
    erics-bbq dot dyndns-ip dot com slash indexnew.php

    As a second issue, when this problem arose, I had not tried it with IE before. In IE, either with or without the images I get a "not implemented" error. There is apparently something in balloontip.js that IE does not like.

    TIA.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    There may be other errors, but looking at your HTML markup, the DIVs for the balloons are all missing closing </div> tags, ie:

    Code:
    <div id="balloon_3" class="balloonstyle" style="background:#FFFF99"><!-- This is a special format for balloons -->
    <table border="0">
      <tr>
        <td><img src="img/camera.jpg"></td>
    
        <td>Discription goes here.</td>
      </tr>
    </table>
    You'll need to fix that first...
    DD Admin

  3. #3
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    DOH! Wouldn't life be grand if everything were that easy? All it takes are some new eyes. Thanks.

Bookmarks

Posting Permissions

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