Results 1 to 3 of 3

Thread: tooltip script: positioning a picture on the browser window

  1. #1
    Join Date
    Apr 2007
    Posts
    59
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default tooltip script: positioning a picture on the browser window

    Hallo. Today I discovered this nice script: tooltip.js and tooltip.css on your webpage.
    I have some pictures to display. The pictures should pop-up at the far right of the browser window.
    I changed the script as follow:

    Code:
    .ddimgtooltip{
    box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 3px 3px 5px #818181;
    -moz-box-shadow: 3px 3px 5px #818181;
    display:none;
    position:absolute;
    right:10px;
    top:50px;
    
    border:1px solid black;
    background:white;
    color: black;
    z-index:2000;
    padding: 4px;
    }
    where I've added right:10px; top:50px;
    As I'm testing with Safari and Opera on a Mac i do not know if this is a Mac problem, but the pop-up pictures are still positioned near the link and not 10px from the right corner of the browser window.
    Any suggestions?

  2. #2
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    456
    Thanks
    76
    Thanked 21 Times in 21 Posts

    Default

    is there any link to see the example of tooltip that you discover?

    if this is dynamicdrive tooltip, you can post it at
    Dynamicdrive script help
    _____________________

    David Demetrius // davejob
    _____________________

  3. #3
    Join Date
    Apr 2007
    Posts
    59
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    [QUOTE=davelf;227627]is there any link to see the example of tooltip that you discover?

    This is the link to the script that you probably know:
    http://www.dynamicdrive.com/dynamici...agetooltip.htm

    I want the image to be positioned at a specific place on the browser window, and not next to the image link as the image covers a text.

    Paldo

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
  •