Results 1 to 5 of 5

Thread: Textual tooltip Script

  1. #1
    Join Date
    Jan 2007
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Textual tooltip Script

    1) Script Title: Textual tooltip Script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/linkinfo.htm

    3) Describe problem: How do I change the a:Hover property of the links on the left? I tried doing it in the stylesheet but that isn't working for some reason.

    Code:
    <style>
    a:hover {
      color:white;
    }
    </style

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,496
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    <style type="text/css">
    a:hover {
      color:white;
    }
    </style>
    This should come after all of you other styles and linked stylesheets. Also, if anything contradicts this and takes precedence, it must be tracked down and specifically altered by the above style or perhaps removed.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,625
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    1. Open your webpage where you've incorporated the Textual tooltip Script feature.

    2. Insert the following code into the <HEAD> section of that page

    Code:
    <style type="text/css">
    a:hover
    {
    	color:#FFFFFF;
    }
    </style>
    I've used white because you've used that color in your posting too.

    3. Save the page and view it in using browser.

    4. Move your mouse over the links and it will change the link color from blue to white.

  4. #4
    Join Date
    Jan 2007
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I'm sorry but maybe I didn't explain myself well enough.
    I know how to add css styles, that isn't the issue.

    When I add a plain text link, the color change on hover works.

    However, that isn't effecting the text controlling the script. That is what I would like help with.

    Thanks.

    Edit: dumb mistake. sorry to bother you all. my syntax was off.

    Thank you!!
    Last edited by V1SHAL; 02-26-2007 at 06:24 PM.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,496
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Then you don't really know how to add css styles. They cascade - css is cascading style sheets.

    So, if you want one style to apply to one thing and not to another, you need to select it and not the other item. For example, if you've followed the markup example on the demo page, all of your links that you want to influence are inside a division with the id of 'scriptmenu' so, you can select them like so:

    Code:
    <style type="text/css">
    #scriptmenu a:hover {
    color:white;
    }
    </style>
    If that doesn't work for you, then there is something else cascading from your other style(s) that is overriding it. If you cannot figure out what that is, we would need a link to your page to help you further.

    And, don't feel too bad. Links are one of the hardest things to style in a specific manner, especially when more than one type of link is present and even more so in IE. There is also a slight chance that the script may be interfering with our efforts but, a quick check of the demo script did not seem to indicate that this would be a factor.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •