Does,
onMouseOver="this.className='name_of_class'" onMouseOut="this.className='name_of_class'"
..work in all browsers?
That would be convenient.. even though I’d like to know how to with A parametres
Just add the title attribute to your top anchor.
<a class="headerimagehover" href="#" title="�My Jeans are like the Ocean�"><div id="headerimage"></div></a>
I mean like in real text. Not a tooltip =\
Like the text-indent: -9999px for when it’s not hovered.. or something.
You could try this.
<div id="headerimage"><h3 class="headertext"><a href="your/blog/address">“My Jeans are like the Ocean”</a></h3>
</div><!-- end id:headerimage -->
Then in your style sheet add this
.headertext a{
z-index:-10;
height:200px;
width:100%;
}
.headertext a:hover {
z-index:10;
}
Not positive but something to try
OH i forgot, the PROBLEM is i’m using OPACITY, and I don’t want the whole div to be affected, just the text within it!! 😛
..done this:
<a href="#"><div id="headerimage" align="right"><p class="headertextop">My Jeans are like the Ocean
</div></a><!-- end id:headerimage -->
#headerimage {
clear: both;
background: #000 url(img/misty.jpg) no-repeat 0 0;
margin: 10px;
color: #fff;
height: 200px;
}
a:link #headerimage, a:visited #headerimage {
text-indent: -9999px;
}
a:hover #headerimage, a:hover #headerimage {
margin: 10px;
color: #FFFFFF;
text-indent: 0px;
font-family: verdana;
font-size: 24px;
}
.headertextop {
opacity:.40;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
}
IT WORKS with the opacity.. only that when I set the DIV align to right, the text won’t respond to the text-indent-9999px =\
(yes, I’m adding a cursor:default to the whole thing.. of course xD)
Got it all to work (just centered it and let it be like that.)..
Though the opacity don’t work in IE (when it’s only set to the text) ..don’t find any articles on the web that says it shouldn’t.. so is it wordpress that’s doing it?
