Autor Zpráva
JanoP
Profil
Vie prosím niekto prečo to nechce fingovať v IE 7 ? už som skúsil asi všetkz možnosti, pomôžte mi niekto ak viete ako na to.
<html>
<head>
<title>Hover menu</title>
</head>
<style>
body 	{background: #EEE; color: #000; behavior: url(csshover.htc);} /* WinIE behavior call */

div#nav 	{float: left; width: 7em; background: #FDD;}

div#nav ul 	{margin: 0; padding: 0; width: 7em;}

div#nav ul 	{margin: 0; padding: 0; width: 7em;}

div#nav li 	{position: relative;}

div#nav li 	{position: relative; list-style: none; margin: 0;}

div#nav ul ul   {position: absolute; top: 0;}

div#nav ul ul   {position: absolute; top: 0; left: 7em;}

div#nav li 	{position: relative; list-style: none; margin: 0; border-bottom: 1px solid #CCC;}

div#nav ul 	{margin: 0; padding: 0; width: 7em; background: white; border: 1px solid;}

div#nav li 	{position: relative; list-style: none; margin: 0;}

div#nav li.submenu {background: yellow;}

div#nav li a     {display: block;}

div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 6.5em;}

div#nav li:hover {background: #EBB;}

div#nav li.submenu {background: yellow;}

div#nav li.submenu:hover {background-color: #EDD;}

div#nav ul ul {position: absolute; top: 0; left: 7em;  display: none;}

div#nav ul ul {position: absolute; top: 0; left: 7em;  display: none;}

div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav {float: left; width: 7em; margin: -1px 0 0 -1px;  background: #FDD;}

</style>
<body>

<div id="nav">

<ul class="level1">
 <li><a href="/">Hlavne menu 1</a></li>
 <li class="submenu"><a href="/services/">Hlavne menu 2</a>
  <ul class="level2">
   <li><a href="/services/strategy/">MenuII.urovne 1</a></li>
   <li><a href="/services/optimize/">MenuII.urovne 2</a></li>
   <li><a href="/services/guidance/">MenuII.urovne 3</a></li>
   <li><a href="/services/training/">MenuII.urovne 4</a></li>
  </ul>
 </li>
 <li><a href="/events/">Hlavne menu 3</a></li>
 <li class="submenu"><a href="/pubs/">Hlavne menu 4</a>
  <ul class="level2">
   <li><a href="/pubs/articles/">MenuII.urovne 1</a></li>
   <li class="submenu"><a href="/pubs/tuts/">MenuII.urovne 2</a>
    <ul class="level3">
     <li><a href="/pubs/tuts/html/">Tretia uroven 1</a></li>
     <li><a href="/pubs/tuts/css/">Tretia uroven 2</a>
     <li><a href="/pubs/tuts/svg/">Tretia uroven 3</a>
     <li><a href="/pubs/tuts/xml/">Tretia uroven 4</a>
    </ul>
   </li>
   <li><a href="/pubs/wpapers/">MenuII.urovne 3</a></li>
   <li><a href="/pubs/comment/">MenuII.urovne 4</a></li>
  </ul>
 </li>
 <li><a href="/contact/">Hlevne menu 5</a></li>
</ul>
</div>
</body>
</html>
Měsíček
Profil
Jak "nechce" fungovat? Popiš přesně problém a pokud možno dej na svou stránku link bude to tak lepší.
Bubák
Profil
Co dělá IE6?
Pokud je kód, který jsi sem dal, kompletní, možná ti tam chybí soubor "csshover.htc".
Chamurappi
Profil
Reaguji na JanoPa:
V titulku: „PLEASE HELP !!!!!!!
Jestli neumíš slušně poprosit ve své mateřštině a bez toho interpunkčního průjmu, tak FUCK YOU !!!!!!!

V uvedeném kódu jsem si žádného problému nevšiml, hoď sem odkaz.
JanoP
Profil
Tým Please help som nemyslel nič zlé, ale prosím vás o pomoc. Kód je síce dobre napísaný a funguje v opere, mozile .... ale v IE 7 nechce, neviem prečo. Toto Hover menu tretej urovne je v podstate najjednoduchšie a najefektívnejšie prevedie v Css kode a je dobrým príkladom pre pochopenie. Preto je pre mňa dosť dôležité sprevádzkovať ho aj v IE 7

Tu je provizorny link http://www.johnybsniperpict2.wz.cz/

"csshover.htc" mi samozrejme nechýba a skúšal som aj najnovšie verzie "csshover.htc a nič

Ďakujem za vašu snahu

Pardon za ten nepodarený link kôli [b]
JanoP
Profil
Nikto nemá riešenie, toľko múdrych hláv si musí poradiť s takouto maličkosťou. Na fore interval.cz mi ktosi tvrdil že v IE 6 to ide ako v FF2, nevie mi to prosím niekto overiť, nemám totiž IE 6

Ďakujem za pomoc a pozravujem so Slovenska
JanoP
Profil
Zdravim všetkých. Týmto by som sa chcel poďakovať všetkým ktorí sa snažili pomôcť hľadať riešenie môjho problému.

N riešenie som prišiel čistou náhodou, metódou pokus omyl, keď som mal k dispozícii iný zdroj, plne funčkný vo všetkých známejších webových prehliadačoch.

Prosté riešenie pred tag <html> som skopíroval

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


Viem mi prosím niekto z kompetentných vysvetliť prečo prosté zadanie tohoto kódu sprevádzkovalo moje hover menu a vyriešilo tak moj problém???? Ďakujem Ponaučenie, aj na pohľad nepotrebné prkotiny môžu zásadným spôsobom ovplyvňovať správnu funkciu.

Ešte raz ďakujem všetkým čo sa snažili pomôcť a snáď tu bude ponaučenie aj pre vás ostatných ak bz ste si náhodou v budúcnosti nevedeli poradiť s podobným problémom

Dávam link aby ste si to mohli overiť priamo v zdrojovom kóde.

http://www.johnybsniperpict2.wz.cz/
Plaváček
Profil
JanoP

Nedíval jsem se na původní kód, ale pravděpodobně jsi měl IE7 v quirku (tedy zpětně kompatibilním režimu). V tom případě je nutné v souboru csshover.htc opravit tento řádek:

if(!/MSIE (5|6)/.test(navigator.userAgent)) return;

na

if(!/MSIE (5|6|7)/.test(navigator.userAgent)) return;


Změnou DOCTYPE jsi přepnul IE7 do standardního režimu (více zde http://css.interval.cz/clanky/pracovni-rezimy-prohlizecu/ ) , v němž už prohlížeč umí hover i na jiných elementech než na odkazech. Soubor csshover.htc pak už nebyl potřeba.
Bubák
Profil
Beru zpět, Plaváček na to kápnul.
JanoP
Profil
Vyriešené vymazať!!!!
Toto téma je uzamčeno. Odpověď nelze zaslat.

0