...

View Full Version : "Display:none" still displaying in IE6. ???



mOrloff
12-04-2009, 08:22 PM
My page is visible at
http://www.voyagercomponents.com/cap.php (http://www.voyagercomponents.com/cap.php)

And, this is the CSS which applies to the contributed content:


a.contributed{
text-decoration: none;
}
a.contributed:hover{
/*text-decoration: none;*/
cursor:default;
}
span.aboutAuth{
display:none;
width:20em;

position:fixed;
bottom:0;
right:2em;

border-style:ridge;
border-width:4px;
border-color:#004400;
padding:.75em;

font-size:.7em;
color:#114400;
line-height:normal;
background-color:#FFFFAA;
opacity:0.85; /* CSS3 standard */
filter:alpha(opacity=85); /* for IE */
}
span.aboutAuth img{
width:5em;
float:left;
margin-right:1em;
}
a.contributed:hover span.aboutAuth{
display: block;
}


Are there any pointers on how to get this working in IE6 how it does in the other browsers?

It works great in FF, Opera, Safari, and IE7.
Unfortunately, I also need this to work in IE6.

~ Mo

Excavator
12-04-2009, 08:40 PM
Hello mOrloff,
I think you left the img open by not closing it correctly? The validator doesn't like it.
See the links about validation in my sig below.

Try it like this -
<h4 class="sectionTitle"><a href="#" class="contributed">Word Origin and Invention Origin
<span class="aboutAuth">
<img src="../images/profileMale.gif" alt="Profile Picture" longdesc="../crew.php#davidHazel" />
<span class="b">David Hazel:</span><br />
David Hazel has been a key player for VCI since April of 2008. Not only is he a blast
to have around the shop, but as our inhouse
engineer, his knowledge and skill-sets have proven invaluable time and time again.
</span> </a>
</h4>

mOrloff
12-04-2009, 10:01 PM
Thanks.
I fixed that, but, my problem still exists.

What now?

~ Mo

seco
12-04-2009, 10:17 PM
try adding

visibility:hidden;

to the css along with display:none;

or remove span from the css so its just the class.

mOrloff
12-04-2009, 10:39 PM
I implemented both suggestions by seco. Still no go.

Anything else?

Excavator
12-04-2009, 10:49 PM
Just for an experiment, I don't have IE6 to try it, remove the spans from your markup entirely. See if just a sentence in p tags will display:none;
I seem to remember an issue once with display when theree was a span in a span? Long time ago.
Otherwise, I don't have a clue. IE6 is supposed to support display:none;

mOrloff
12-04-2009, 11:13 PM
... I don't have IE6 to try it ...
If you're interested, I just came across a cool tool this morning. Google "multiple-ie-setup". It was pretty helpful.

... See if just a sentence in p tags will display:none;
...

I tried: <p class="contributed"><a href="#" class="aboutAuth">A bunch of contributed test content.</a></p>, with no improvements.
I also tried: <p class="aboutAuth">More test content.</p>, with the same undesirable results.

Am I just missing something simple here, or is this little bugger really this difficult?

Ant other suggestions?

~ Mo
But, I just tried it with inline stylizing, and it worked.
Where does that leave us?

Excavator
12-04-2009, 11:30 PM
Well, inline takes 1st place in specificity. If it works inline but not attached or linked... it must be inheriting something from somewhere that's stopping it.

mOrloff
12-04-2009, 11:58 PM
... it must be inheriting something from somewhere that's stopping it.

Yep, that's got to be it.
I tried this code (this is an exact snip):


<style>
.hideTest{display:none;}
.showTest:hover .hideTest{display:inline;}
</style>

<p class="contributed"><a href="#" class="showTest">A bunch of contributed test content<span class="hideTest"> that goes on and on and on</span>.</a></p>
and it worked perfectly.

Thanks-a-bunch.
Off I go for the hunt!

~ mo



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum