SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot samg914's Avatar
    Join Date
    Nov 2009
    Location
    Boston, MA
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Drop Down Won't Display

    I have a drop down that won't display in earlier versions of IE and I don't know why. I appreciate any help with this.

    Thanks,

    Samuel

    I have provided a link to the page: HERE and the code below.



    HTML Code:
    <div id="disclaimer2">
    <li style="font-size:10px; color:#363696;"><img src="images/what-is-point-to-point.jpg" alt="" width="133" height="20" />
    <ul>
    <li>A point to point reservation is a one way trip that is based on a flat fee.</li>
    </ul>
    </li>
    </div>
    Code CSS:
    #disclaimer2, #disclaimer2 ul {
    	margin: 0;
    	list-style: none;
    	width: 125px;
    	font-size: 10px;
    	color: #666666;
    	padding-top: 0px;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 20px;
    	z-index: 200;
    }
     
    #disclaimer2 a {
    	display: block;
    	width: 10em;
    }
     
    #disclaimer2 li {
    	float: right;
    	color: #666666;
    	cursor: default;
    }
    #disclaimer2 li ul {
    	position: absolute;
    	left: -999em;
    	background-color: #fff;
    	padding: 10px;
    	margin-top: -75px;
    	margin-left: 75px;
    	border: 1px solid #cccccc;
    	font-size: 12px;
    	width: 150px;
    }
     
    #disclaimer2 li:hover ul {
    	left: auto;
    }
    #disclaimer2 li:hover ul, #disclaimer2 li.sfhover ul {
    	left: auto;
    }

  2. #2
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,806
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Probably because IE doesnt recognize the :hover property on anything other than a href tags.

    You would need a bit of javascript to 'fake' the hover

    Have a look at: http://htmldog.com/articles/suckerfish/hover/ for info and something like: http://www.xs4all.nl/~peterned/csshover.html
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  3. #3
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,105
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I presume you already used the suckerfish menu, like spikeZ suggested , since you have:
    Code CSS:
    li.sfhover ul
    which is used the this menu! Simply add the supplied Javascript to your page!
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)


Tags for this Thread

Bookmarks

Posting Permissions

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