Click to See Complete Forum and Search --> : Text hidden until mouseover event...
stmasi
03-31-2004, 02:11 PM
I have the following:
HTML
----------
<div id="cont">
<div id="sub">
<p>
<h4>
<a href="test.htm">Test</a>
</h4>
</p>
<p>_</p>
<p>
<a href="1.htm">
<img alt="One" id="pic1" src="1.jpg" />
</a>
Blah, blah, blah, blah blah, blah, blah.
</p>
</div>
</div>
CSS
----------
img#shhh
{
float : left;
padding : 5px 5px 5px 0;
}
img#gavel
{
float : right;
padding : 5px 0 5px 5px;
}
Why doesn't the text show up until I move the mouse over an anchor object?
Thanx.
DaveSW
03-31-2004, 03:37 PM
can we have the full page? I can't work out the link between the css and html at the mo...
have a link? I'm not seeing your imgs with sssh or gavel as ids in that code segment...
EDIT:
ah, dave beat me to it...
DaveSW
03-31-2004, 03:39 PM
great minds think alike ;)
stmasi
03-31-2004, 04:36 PM
Here ya go...
note sure if this is the problem, but there is an error in your css:
Uncaught error java.lang.Exception: Import loop detected in http://www.medford.k12.or.us/sample/stmasi/visual.css
and in your xhtml (<h1-6> can't be nested inside <p>'s)
also, the text isn't hidden, its turning white...
stmasi
03-31-2004, 05:05 PM
Interesting.
I don't know what that "loop" error is all about, but the css validates at w3.org.
Hmm...
Good to know about the h inside p rule.
Thanx.
stmasi
03-31-2004, 05:16 PM
Okay.
What the heck is that javascript error? I'm not even using javascript.
Also, if the text is turning white, what is making it turn white and then back to black after a mouse event?
Thanx.
i was validating @ w3 as well, perhaps its just a bug with the webdev extention for firefox...
comment out the last rule set in your source:
/*p
{
margin: 0;
padding: 0;
}*/
and it works perfectly... not sure why exactly that is happening, but that causing the problem (although it always looked fine in real browsers)
stmasi
03-31-2004, 05:51 PM
Yes, it is true. The "offender" was Microcrap Internet Exploder, but I am still getting the same effect even after completely removing that "p" code.
Any other ideas?
Thanx again.
hmm... perhaps I made some other changes... here's the live version:
http://www.medford.k12.or.us/sample/stmasi
stmasi
03-31-2004, 05:58 PM
I fixed it!!!
:D
I removed the "sub" div from within the "cont" div and now it works great!
Thanx for forcing me to look closer.
Thanx for all the help peeps!