I have the following:
HTML
----------
<div id="cont">
<div id="sub">
<p>
<h4>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"test.htm">Test</a>
</h4>
</p>
<p>_</p>
<p>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"1.htm">
<img alt="One" id="pic1" src=http://www.webdeveloper.com/forum/archive/index.php/"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.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...great minds think alike
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 <!-- m --><a class="postlink" href="http://www.medford.k12.or.us/sample/stmasi/visual.css">http://www.medford.k12.or.us/sample/stmasi/visual.css</a><!-- m -->
and in your xhtml (<h1-6> can't be nested inside <p>'s)also, the text isn't hidden, its turning white...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.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)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:
<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/sample/stmasiI">http://www.medford.k12.or.us/sample/stmasiI</a><!-- m --> fixed it!!!
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!
HTML
----------
<div id="cont">
<div id="sub">
<p>
<h4>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"test.htm">Test</a>
</h4>
</p>
<p>_</p>
<p>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"1.htm">
<img alt="One" id="pic1" src=http://www.webdeveloper.com/forum/archive/index.php/"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.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...great minds think alike
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 <!-- m --><a class="postlink" href="http://www.medford.k12.or.us/sample/stmasi/visual.css">http://www.medford.k12.or.us/sample/stmasi/visual.css</a><!-- m -->
and in your xhtml (<h1-6> can't be nested inside <p>'s)also, the text isn't hidden, its turning white...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.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)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:
<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/sample/stmasiI">http://www.medford.k12.or.us/sample/stmasiI</a><!-- m --> fixed it!!!
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!