IE i :hover stanje

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Uspeo sam da postavim svoje prve drop down menu-je od kojih horizontalni radi savrseno u svim browser-ima dok vertikalni "zeza" u IE tako sto dropdown menu ne stoji dovoljno dugo kako bi se moglo doci do linka [brzo nestaje] Ne znam koliko ce posetioci imati strpljenja da treniraju reflekse

Citao sam da IE ima problem sa "white space" kao i da display:block za hover stanje vazi samo deo koji pokrivaju slova [fontovi] a ne za property koji se unese kroz visinu i sirinu bloka, dakle i za prostor koji je u okviru bloka a uokviruje fontove.

Iz istih razloga sam preuzeo skriptu koja treba da IE natera da postuje ustaljena pravila ali on to radi delimicno. [csshover.htc file]

Takode zna da daje cuden rezultate iz drugog ili treceg pokusaja [nekad ne] otvara i praznu listu treceg nivoa [bez linkova] kad se prede misem preko prvog nivoa drop down menu-ja

Da li ste imali slicna iskustva i kako ste resili problem?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Imao sam ja slicnih problema. U mozili i u IE6 sve je radilo kako treba, ali kad se pojavio IE7, nastale su muke. Cim se misem predje na podmeni, on se jednostavno zatvori i time je postao neupotrebljiv.

Kopao sam po internetu i forumima i najzad se bacio na proucavanje menija koji je lepo resio [Link mogu videti samo ulogovani korisnici] a koji u svim browserima radi savrseno. Od njega sam malo prepisivao, malo prilagodjavao svojim potrebama i ovaj kod dodao u CSS za meni:
<!--[if lte IE 6]> <style type="text/css" media="screen, tv, projection"> /*<![CDATA[*/ /* - - - ADxMenu: BASIC styles - - - */ /*    this rules improves accessibility - if Javascript is disabled, the entire menu will be visible    of course, that means that it might require different styling then.    in which case you can use adxie class - see: aplus.rs/adxmenu/examples/ie6-double-style/  */ .menu ul {    visibility: visible;    position: static; } .menu, .menu ul {   /* float.clear */    zoom: 1; } .menu li.adxmhover {    z-index: 10000; } .menu .adxmhoverUL {   /* li:hover>ul selector */    visibility: visible; } .menu .adxmhoverUL {   /* submenu goes to the right */    left: 100%; } /* - - - ADxMenu: DESIGN styles - - - */ .menu ul a {   /* fix clickability-area problem */    zoom: 1; } .menu li {   /* fix white gap problem */    float: left;    width: 100%; } .menu li {   /* prevent double-line between items */    margin-top: -1px; } .menu a:hover, .menu .adxmhoverA {      /* li:hover>a selector */    color: #f00; } .menu .adxmhoverUL {   /* inset submenus, to show off overlapping */    top: 5px;    left: 90%; } /*]]>*/ </style> <![endif]-->
Ovime sam skoro resio sve. Kazem skoro jer sada je u IE6 i IE7 sve radilo kako treba, ali u mozili mi se izgubio footer menija. Ali to je najmanje zlo do kojeg sam mogao da dodjem.

Posto nisam znao vise sta da mu radim, resio sam da ga tako i ostavim. Retko ljudi koriste vise browsera istovremeno. Pa, razmisljam ja, oni koji koriste IE videce sve kako treba, oni koji koriste mozilu nece videti footer menija, ali oni vrlo verovatno nece ni znati da tu treba footer.
Bitno je da sada taj meni radi kako treba.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Stogor-e,
hvala u svakom slucaju, ali mislim da mi je mozda lakse da probam sa modifikacijom Javascripta koji vec koristim za horizontalni meni.

U horizontalnom meniju radi sve super jer IE pegla Javascript, eh sad, kad bi neko znao da mi kaze sta da dodam u taj isti skript da pocne da "pegla" i vertikalni menu ....

evo tog Javascripta:
<!--[if lt IE 7.]> <script type="text/JavaScript"> navHover = function() {    var lis = document.getElementById("navmenu").getElementsByTagName("LI");    for (var i=0; i<lis.length; i++) {       lis[i].onmouseover=function() {          this.className+="-iehover";       }       lis[i].onmouseout=function() {          this.className=this.className.replace(new RegExp("-iehover\\b"), "");       }    } } if (window.attachEvent) window.attachEvent("onload", navHover); </script> <![endif]-->