Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts

    "Display:none" still displaying in IE6. ???

    My page is visible at
    http://www.voyagercomponents.com/cap.php

    And, this is the CSS which applies to the contributed content:
    Code:
    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

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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 -
    Code:
    <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>
    Last edited by Excavator; 12-04-2009 at 08:55 PM.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts
    Thanks.
    I fixed that, but, my problem still exists.

    What now?

    ~ Mo
    Last edited by mOrloff; 12-04-2009 at 10:04 PM.

  • #4
    Regular Coder seco's Avatar
    Join Date
    Nov 2008
    Location
    Oregon
    Posts
    687
    Thanks
    6
    Thanked 79 Times in 77 Posts
    try adding

    visibility:hidden;

    to the css along with display:none;

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

  • #5
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts
    I implemented both suggestions by seco. Still no go.

    Anything else?

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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;
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #7
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts
    Quote Originally Posted by Excavator View Post
    ... 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.
    Quote Originally Posted by Excavator View Post
    ... 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
    Edit: But, I just tried it with inline stylizing, and it worked.
    Where does that leave us?
    Last edited by mOrloff; 12-04-2009 at 11:20 PM.

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts
    Quote Originally Posted by Excavator View Post
    ... 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):
    Code:
    <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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •