| Autor | Zpráva | ||
|---|---|---|---|
| Kocik Profil * |
#1 · Zasláno: 1. 6. 2007, 10:00:59
Zdravim. Mam problem s JavaScriptem v IE. V FireFoxu to jede. Jde o vyskakovaci menu. Neumim JavaScript, tak jsem to jen pouzil a poupravil z nejakyho navodu. Prosim o radu jak to upravit aby to fungovalo i v IE. Dekuji moc. Tady je cela stranka...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <meta content="MSHTML 6.00.2800.1458" name="GENERATOR"> <script language="JavaScript"> document.write ("<style>ul.sub{position: absolute; z-index:10; visibility: hidden; } li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>"); </script> <style type="text/css" media="screen"> #menu {font:0.83em Arial, ; width: 100%; float: left; clear: right;} #menu ul {width: 900px;} #menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;} #menu li {float: left; width: 110px;} #menu li, #menu ul.sub li {margin: 0; padding: 0;} #menu h3 {font-size: 1em; margin:0; padding: 1px; border: 0px solid Gray;} #menu h3 a {display: block; text-decoration: none; width: 100%; } #menu h3 a:hover {background-color: #ffffff; color: inherit; } ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/ #menu ul.sub li {display: block; border-left: 30px solid white; width: 100%; margin:0; padding: 0;} #menu ul.sub li a {display: block; margin: 0; width: 150px; border-left: 10px solid white; background-color: white;} #menu ul.sub li > a {width: 140px;} #menu ul.sub li a:hover {background-color: #ffffff; color: inherit; border-left: 30px white;} #menu ul li.main:hover h3 a {background-color: #ffffff; color: inherit;} #menu ul li.main {position: relative;} #menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;} #menu ul li.main:hover ul.sub {visibility: visible;} #maciwebmenu { position: absolute; top: 5px; right: 5px; margin: 0; padding 0;} </style> </head> <body color="black" alink="black" bgcolor="white" link="black" vlink="black"> <font face="Arial" size=4 color=red>Vítejte na stránkách chov.st. TOKOBO</font> <BR><BR><BR><BR> <div id="menu"> <ul> <li class="main" ><CENTER> <h3><a href="novinky.html" target="ram2"><B>Novinky</B></a></h3></CENTER> <ul class="sub"> </ul> </li> <li class="main" ><CENTER> <h3><a href="Bobika.html" target="ram2"><B>Bobika</B></a></h3></CENTER> <ul class="sub"> </ul> </li> <li class="main" ><CENTER> <h3><a href="stenatka.html" target="ram2"><B>Štěňátka</B></a></h3></CENTER> <ul class="sub"> </ul> </li> <li class="main" ><CENTER> <h3>Fotogalerie</h3></CENTER> <ul class="sub"> <li><a href="#" target="ram2" title="Výcvik">Výcvik</a></li> <li><a href="vylety.html" target="ram2" title="Výlety">Výlety</a></li> <li><a href="#" target="ram2" title="Akce">Akce</a> </ul> </li> <li class="main" ><CENTER> <h3><a href="odkazy.html" target="ram2"><B>Odkazy</B></a></h3></CENTER> <ul class="sub"> </ul> </li> <li class="main" ><CENTER> <h3><a href="kontakt.html" target="ram2"><B>Kontakt</B></a></h3></CENTER> <ul class="sub"> </ul> </li> <li class="main" ><CENTER> <h3><a href="http://www.blueboard.cz/kniha_0.php?hid=2n1j0dp400o2o096e3x270jk 26pcn7" target="ram2"><B>Kniha návštěv</B></a></h3></CENTER> <ul class="sub"> </ul> </li> </ul> </div> </body></html> |
||
| yderf Profil |
#2 · Zasláno: 1. 6. 2007, 10:07:19
Odhadoval by som, že si si nestiahol ten subor hover.htc - v ňom je totiž ten javascript
|
||
| Kocik Profil * |
#3 · Zasláno: 1. 6. 2007, 10:26:20
Ups... aha :) A jak je mozny ze to v FF funguje a v IE to je problem?
|
||
| yderf Profil |
#4 · Zasláno: 1. 6. 2007, 11:07:25
Pretože ten javascript je iba pre IE - FF ho nepotrebuje, keďže zvláda pseudo-vlastnosť :hover aj na iných elementoch, ako na odkazoch. A po druhé, behavior je propietarne rozšírenie IE - vo FF nefunguje.
|
||
| Kocik Profil * |
#5 · Zasláno: 1. 6. 2007, 11:17:12
Dekuju. Uz mi to funguje :)
|
||
|
Časová prodleva: 18 let
|
|||
0