DHTML Tooltip colour issue

Discussion in 'Website, Graphic Design & SEO' started by level200, Nov 8, 2007.

  1. level200 CSNM Customer

    Hi Guys

    I have dhtml tool tips on my hosting page. I have always been bugged my the background colours that are displayed, the first two tooltips (questionmark icon) are the correct colour (#003366) but for some reason all the others are a different colour blue.

    http://www.level200.co.uk/hosting.htm

    (DHTML Tooltip looks fine in FF)

    All tooltips are powered by one css that does list the correct colour, why are the others displaying a different colour?

    Cheers
    John
  2. Carl Shepherdson Proprietor

    Interesting resemblance to our own tool tips, I do not recall you asking permission to use our text on your website.
  3. level200 CSNM Customer

    HI Carl

    Sorry about that, I didn't realize tooltips where copyrighted to your site,I will change the wording if you like.

    Any thoughts on the original css colour problem?

    Cheers
    John
  4. level200 CSNM Customer

  5. siphilp CSNM Customer

    looking quickly have you tried passing in the colour to the ddrivetip function since it's set up to take 3 variables?

    function ddrivetip(thetext, thecolor, thewidth)
  6. siphilp CSNM Customer

    Mate had a quick look at it offline.

    i changed your table row regarding ODBC to the following:

    HTML:
       <tr bgcolor="#F4F4F4">
            <td class="maintxtbold"><div align="center" onMouseover="ddrivetip('ODBC DSN allows you to connect to any database on your account using a single 
    name','#003366',200)";
    onMouseout="hideddrivetip()"><img src="images/question_icon.gif" alt="Web Hosting Glossary" width="14" height="14" border="0" /></div></td>
            <td class="maintxtbold">ODBC DSN</td>
            <td class="smalltext"><div align="center">50</div></td>
            <td class="smalltext"><div align="center">100</div></td>
            <td class="smalltext"><div align="center">150</div></td>
            <td class="smalltext"><div align="center">250</div></td>
          </tr>
    Seems to be working fine. To me though seems to be a lot of javascript there for what you're doing :S

Share This Page