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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Please help! CSS code not working in IE, Fine in Firefox

    Hello,

    Hoping one of you can help me!

    I have the following code:
    Code:
    <div class="menu">
    
    <ul>
    <li><a class="hide" href="../index.php">HOME</a>
    <li><a class="hide" href="../signs.php">SIGNS</a>
      <ul>
    	<li><a href="../shopfront.php" title="Shop Fronts">Shop Fronts</a></li>
    	<li><a href="../directory.php" title="Directory Boards">Directory Boards</a></li>
    	<li><a href="../highway.php" title="Highway Signs">Highway Signs</a></li>
    	</ul>
    <li><a class="hide" href="../vehicles.php">VEHICLE GRAPHICS</a>
      <ul>
    	<li><a href="../vehiclewrap.php" title="Vehicle Wrapping">Vehicle Wrapping</a></li>
    	<li><a href="../vehiclevinyl.php" title="Vinyl Lettering">Vinyl Lettering</a></li>
    	</ul>
    <li><a class="hide" href="../exhibition.php">EXHIBITION DISPLAYS</a>
      <ul>
    	<li><a href="../rollup.php" title="Roll-Up Exhibition Displays">Roll-Up Exhibition Displays</a></li>
    	<li><a href="../popup.php" title="Pop-Up Exhibition Displays">Pop-Up Exhibition Displays</a></li>
    	</ul>
        
    <li><a class="hide" href="../windows.php">WINDOW GRAPHICS</a>
    
    <li><a class="hide" href="../engraving.php">ENGRAVING</a>
    <ul><li><a href="../engexamples.php" title="Engraving Examples">Engraving Examples</a></li>
    </ul>
    
    <li><a class="hide" href="../contact.php">CONTACT US</a></li>
    </ul>
    
    </div>
    To create a menu, and the following code:

    Code:
    .menu {font-family: arial, sans-serif; width:895px;	height:20px; position:relative; font-size:11px; z-index:100;}
    .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:125px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#003366; line-height:20px; font-size:11px; overflow:hidden;}
    .menu ul {padding:0; margin:0; list-style: none;}
    .menu ul li {float:left; position:relative;}
    .menu ul li ul {display: none;}
    
    
    .menu ul li:hover a {color:#fff; background:#36f;}
    .menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
    .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
    .menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
    .menu ul li:hover ul li ul {display: none;}
    .menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
    .menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
    .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
    .menu ul li:hover ul li:hover ul.left {left:-105px;}
    .linkbartext {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;}
    .content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; font-weight: normal;}
    .contenthead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003366; font-weight: bold;}
    body {margin-top: 20px;}
    .sidebold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; font-weight: bold;}
    .style1 {color: #FFFFFF; font-size: 10px;}
    .style5 {font-size: 10px;}.box {
    	border: 1px dashed #003366;
    }
    .contentflash {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 16px;
    	color: #FF0000;
    	font-weight: bolder;
    
    }
    in a CSS file but it isn't working in IE, works great in Firefox - could somebody please help me out?!?

  • #2
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    IE does not accept the hover pseudo classes for anything but links (the <a ></a> elements)
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Like Kor said, you'll need some javascript:

    http://www.htmldog.com/articles/suckerfish/dropdowns/
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

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