Autor Zpráva
tomanek
Profil *
Ahoj,

poradí mi někdo, prosím, jak opravit problém s menu v IE?...ve Firefoxu běhá v pohodě...

www.supss.clnet.cz

díky moc!!!
t.
Bubák
Profil
Chybí ti tam soubor "hover.htc"
tomanek
Profil *
nechybí, je tam!!!...

ul, li
{
list-style: none;
margin: 0;
padding: 0;
}

ul.uroven1
{
font-weight: normal;
position: relative;
height: 3.6em;
width: 100%;
font-family: arial;
font-size: 14pt;
overflow: hidden; /* IE, opera */
background: #FFFFFF;
}

ul.uroven2
{
position: absolute;
left: 0;
top: 2.2em;
height: 15px;
display: block;
visibility: hidden;
width: 5000%; /* IE, opera */
background: #FFFFFF;
padding: .5em 0;
font-size: 11pt;
}

li
{
behavior: url(hover.htc);
}

/* posunuti urovni od okraje*/
li.uroven1
{
float: left;
/*margin: 0.5em; */
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-right: 1.3em;
padding-left: 0px;
padding-right: 7px;
text-align: left;
}

li.uroven2
{
float: left;
/*margin: .2em .5em; */
margin-bottom: 0.2em;
margin-left: 0em;
margin-right: 0.5em;
margin-top: 0.1em;
padding-right: 20px;
}


li.uroven1 a
{
display: block;
color: #666666;
text-decoration: none;
/*padding: .2em .5em; */
border-bottom: none;
}

li.uroven2 a
{
/*padding: 0 .2em; */
border: none;
}

li#aktivni a
{
background: #FFFFFF;
}

li#aktivni li.uroven2 a
{
background: transparent;
}

li#aktivni ul
{
visibility: visible;
}

/* hover efekty */

li.uroven1#aktivniHover ul, li.uroven1#aktivni:hover ul
{
visibility: visible;
z-index: 1;
}

li.uroven1#aktivni a:hover
{
border-color: #FFFFFF;
}

li.uroven1Hover ul.uroven2,li.uroven1:hover ul.uroven2
{
visibility: visible;
z-index: 2;
}

li.uroven2 a:hover,li.uroven1#aktivni li.uroven2 a:hover,li.uroven1 a:hover
{
color: #CCCCCC;
}

a tady je hover.htc:
<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>
peta
Profil *
tomanek
Firefox - JS konzola
- uvodni stranka
3 warning v HTML
Chyba: Neznámá vlastnost '_margin-top'. Deklarace vynechána.
Zdrojový soubor: http://www.supss.clnet.cz/style_ind.css
Řádek: 50
Chyba: Neznámá vlastnost '_margin-top'. Deklarace vynechána.
Zdrojový soubor: http://www.supss.clnet.cz/style_ind.css
Řádek: 60
Chyba: Neznámá vlastnost '_left'. Deklarace vynechána.
Zdrojový soubor: http://www.supss.clnet.cz/style_ind.css
Řádek: 74

- Cesky
4 warning v HTML
JS konzola:
Chyba: Neznámá vlastnost 'behavior'. Deklarace vynechána.
Zdrojový soubor: http://www.supss.clnet.cz/stranky/style.css
Řádek: 84
Chyba: Neznámá vlastnost '_margin-top'. Deklarace vynechána.
Zdrojový soubor: http://www.supss.clnet.cz/stranky/style.css
Řádek: 210
... 255, 299, 311, 326...

V IE mas jediny problem, ze ti to menu zhasina a to delaji marginy, takze nastav border pro vse, nastav margin:0 pro vse a pak zkus, co to udela.


jinak mezi nami, obecne receno problem v IE muze znamenat dalsich 1000 veci a odpovidat ti na tak obecny dotaz se nemusi najit zadny ochotny clovek.
tomanek
Profil *
díky za radu! zkusim to:)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0