PDA

View Full Version : Textual tooltip Script



V1SHAL
02-26-2007, 08:01 AM
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.



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

jscheuer1
02-26-2007, 08:21 AM
<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.

codeexploiter
02-26-2007, 08:24 AM
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


<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.

V1SHAL
02-26-2007, 06:19 PM
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!!

jscheuer1
02-26-2007, 07:06 PM
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:


<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.