Autor Zpráva
Radek Zahorsky
Profil *
#1 · Zasláno: 6. 7. 2006, 09:47:54
Odpovědět Citovat
Ahoj,
mám takový meníš problém. V následujím kodu mi vše chodí v FF, Opeře, Maxthonu,
jen v IE 6.0 ne, a ať jsem zkoušel cokoliv, tak nevím kde by mohl být problém. 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=windows-1250'>

<meta http-equiv='Content-language' content='cs'>

<title>Pokus</title>

<style type="text/css">

    body{  text-align:center; margin:0; padding:0; font-size:80%;background-color:#1E1E1E;

}

    #menu { border-top: 0px solid white; margin: 0 0 0 0px; }

    #menu ul{margin: 0px; padding: 0px; list-style: none;}

    #menu li{margin: 0px; padding: 0px; text-align: left; margin-bottom:0px;}

    #menu li a:hover{color: #CA1100;padding-left:10px;}

    

    #menu div{margin: 0px; padding: 0px; list-style: none;}

    #menu div{margin: 0px; padding: 0px; text-align: left; margin-bottom:0px;}

    #menu div a:hover{color: #CA1100;padding-left:10px;}



    #menu div.ullevel1{ margin: 0px; padding: 0px;  }

    #menu div.ullevel2{position: absolute;  margin-left:125px; height:24px;width:139px;visibility: hidden;  padding: 0px; border-top:1px solid #fff;}

    #menu ul.ullevel3{position: absolute;  margin: -25px 0 0 129px;height:24px;width:139px;visibility: hidden;  border-top:1px solid #fff;}



    #menu div.ullevel2 {width:139px;height:24px;margin: 0px; padding: 0px;}

    #menu .ullevel3 li{width:139px;height:24px;margin: 0px; padding: 0px;}



    #menu div.lilevel1{ line-height:15px; } 

    #menu div.lilevel2{ padding-left:10px;height:24px;width:139px;background-image: url('images/menu1.jpg');background-repeat: no-repeat;border-top:0px solid #fff; }

    #menu li.lilevel3{ padding-left:10px;height:24px;width:139px;background-image: url('images/menu1.jpg');background-repeat: no-repeat;border-top:0px solid #fff; }



    #menu div.lilevel1 a, #menu div.lilevel2 a, #menu li.lilevel3 a{

      font-weight: normal;

      height: 24px;

      display: block;

      margin: 0px;

      font-family:verdana;font-size:9px;color:#fff; 

      padding-left:10px;

      text-decoration:none;

    }

    #menu div.lilevel1 a{line-height:15px;}

    #menu div.lilevel1 a:hover{color:#D9261C;}

    #menu div.lilevel2 a{padding-left:10px;}

    #menu li.lilevel3 a{padding-left:10px;}

    #menu div.lilevel1:hover div.ullevel2, #menu div.lilevel1Hover div.ullevel2{visibility: visible;color:#D9261C;}

    #menu div.lilevel2:hover ul.ullevel3, #menu div.lilevel2Hover ul.ullevel3{visibility: visible;}

    

    

    #logo_down{text-align:left;margin:0px auto;padding:0px;

width:150px;

height:40px;

background-image: url(images/menu2.jpg);background-repeat: no-repeat;}

</style>

</head>

<body> 

   <div id="logo_down">

     <div id="menu">

       <div class="ullevel1">

        <div class="lilevel1"><a href="">neco</a>

         <div class="ullevel2">

          <div class="lilevel2"><a href="">level2.1</a>

           <ul class="ullevel3">

             <li class="lilevel3"><a href="">neco2.1.1</a></li>

             <li class="lilevel3"><a href="">neco2.1.2</a></li>

           </ul>

          </div>

          <div class="lilevel2"><a href="">level2.2</a>

           <ul class="ullevel3">

             <li class="lilevel3"><a href="">neco2.2.1</a></li>

             <li class="lilevel3"><a href="">neco2.2.2</a></li>

           </ul>

          </div>

         </div>

        </div>

       </div>

     </div>

   </div>

</body>

</html>

Předem děkuji všem moc za rady, pže už jinak nevím.
R.Z.
tiso
Profil
#2 · Zasláno: 6. 7. 2006, 11:01:42
Odpovědět Citovat
IE vie :hover iba pri odkaze... Rieši sa to .htc súborom - čo je v podstate Javascript...
Radek Zahorsky
Profil *
#3 · Zasláno: 6. 7. 2006, 12:21:56
Odpovědět Citovat
Ano, díky, už jsem to našel: 

<attach event="onmouseover" handler="hoverRollOver" />

<attach event="onmouseout" handler="hoverRollOff" />

<script type="text/javascript">

//

//	Simple behaviour for IE5+ to emulate :hover CSS pseudo-class.

//  Experimental ver 0.1

//

//	This is an experimental version! Handle with care!

//	Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/

//



function hoverRollOver() {

	element.origClassName = element.className;	// backup origonal className

	var tempClassStr = element.className;		

	tempClassStr += "Hover";					// convert name+'Hover' the last class name	to emulate tag.class:hover

	tempClassStr = tempClassStr.replace(/\s/g,"Hover ");	//convert name+'Hover' the others to emulate tag.class:hover

	tempClassStr += " hover";				// add simple 'hover' class name to emulate tag:hover

	element.className = element.className + " " + tempClassStr; 

	//window.status = element.className;		// only for TEST

}

function hoverRollOff() {

	element.className = element.origClassName;

}



</script>

Teď je to tedy plně funkční i v IE.
Díky.
Časová prodleva: 20 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0