Results 1 to 5 of 5

Thread: need help on tooltip script

  1. #1
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default need help on tooltip script

    1) Script Title: Image w/ description tooltip

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

    3) Describe problem: Hi, I want to use this script to display an image only as a tooltip, without cell and text. The image has a transparent background and indicates the language of the link on which the mouse pointer is positioned. Therefore, I set var tipWidth to 0. This works fine in Firefox, but in IE7 the cell is still visible as a white rectangle, on which the image shows. And so the image's background is not transparent but white. I suppose that this has nothing to do with the famous 'transparent background problem' of IE6, as the problem persists in IE7. I think that IE doesn't accept cells with a width smaller than the image that is inside. Does anyone have a solution? Note that I don't know much about HTML, I just know how to copy/paste a script in my webpage ;-)
    Here's where you can see what I mean:
    http://www.dierkx-besson.eu/
    Move over the large buttons in the center.

    Thanks !!!

    Erik

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

    Default

    Hmmm at a glance it seems you should be setting the following properties of Tooltip script to transparent (inside the HEAD section of your page):

    Code:
    var tipBgColor= "transparent"; 
    var tipBorderColor= "transparent";
    DD Admin

  3. #3
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Doesn't solve the problem, I'm still looking at these white rectangles in IE7. Too bad...

  4. #4
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Change highlighted to transparent:
    Code:
    messages[0] = new Array('flag GB.png','',"#FFFFFF");
    messages[1] = new Array('flag NL.png','',"#FFFFFF");
    messages[2] = new Array('flag F.png','',"#FFFFFF");
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  5. #5
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I never figured it would be easy like that. Thank you so much!

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
  •