I'm facing a challenge in changing the color of text when someone hovers over it, but so far I've only been able to make it work if the mouse scrolls over the top border of the text.
The text I'm testing is located in the top left corner and reads "Thesewordshelptoshapeme".
Here's the CSS I have been using:
.typoBox div.l3_1 ul:hover {
color:red;
}
My ultimate goal is to allow users to click on a block of text, which would trigger jQuery or a similar function to hide other text blocks (each in separate divs) and reveal a hidden div containing more information about the clicked block.
I am not concerned about compatibility with IE6 right now, as I am currently using Firefox and Chrome on my Mac for testing.
I am open to adding anchors if that would be helpful.
In my online search, the closest solution I found was a jQuery example that didn't quite work:
<script>
$("div.l3_1 ul").mouseover(function () {
$(this).css("color","red");
});
</script>