Autor | Zpráva | ||
---|---|---|---|
František Kuncl Profil |
#1 · Zasláno: 6. 4. 2005, 08:49:22
Ahoj
mám css menu, jehož princip je z této diskuze div#menu a { padding: 4px 0px 4px 0px; margin: 0px; display: block; } div#menu a:link { color: #9c2a00; text-decoration: none;} div#menu a:visited {color: silver; text-decoration: none;} div#menu a:hover { background-color: transparent; color: #663300 ; text-decoration: none;} #menu ul, #menu ul.sub {list-style-type:none; margin: 0px; padding: 0px;} #menu li, #menu ul.sub li {margin: 0px; padding: 0px; width: 100%;} #menu h3 { font-size: 1em; font-variant: small-caps; font-style: italic; font-weight: normal; margin:0px; padding:0px;} #menu h3 a {display: block; text-decoration: none; width: 100%;} #menu h3 a:hover {background-color: transparent; color: inherit;} #menu ul.sub li {display: block; width: 100%; margin:1px 0 2px 0; padding:0px; background-color: #b46d00; border-top: 1px solid #804000; border-right:1px solid #804000; border-bottom: 1px solid #804000; border-left: 1px solid #804000;} #menu ul.sub li a {display: block; margin:0px; padding:3px;} #menu ul.sub li a:hover {background-color: transparent; color: #663300;} #menu ul li.main:hover h3 a {background-color: transparent; color: inherit;} #menu ul li.main {position: relative;} #menu ul li > ul.sub { font-size: 0.9em; position: absolute; top: 0px; left: 150px; z-index:10; width: 230px; visibility: hidden; padding-bottom: 1em;} #menu ul li.main:hover ul.sub {visibility: visible;} na stránce lhttp://www.collegiummarianum.cz/pece_ts.html; Problém v IE, že mi rozbalovací ul.sub "zmizí, pokud kurzor je mezi řádky. Řešení je posunout sub.li mimo blok menu, ale to se mi moc nechce. Ve FF se to samozřejmě neděje. Co je špatně? Dík Franta |
||
flying gentleman Profil |
#2 · Zasláno: 6. 4. 2005, 15:27:29
li > ul
Pokud vím, tak tohle IE nezná. |
||
František Kuncl Profil |
#3 · Zasláno: 7. 4. 2005, 19:08:40 · Upravil/a: František Kuncl
Tenhle problémje vyřešen pomocí hover.htc a js ve stránce:
<script language="JavaScript" type="text/javascript"> document.write ("<style>ul.sub{font-size: 0.9em; position: absolute; top: 0; left: 98%; z-index:10; width: 240px; visibility: hidden; padding-bottom: 1em;} li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>"); </script> V tento okamžik hover pozná i IE, ale jak vyřešit "propad " někam jinam? |
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0