Autor | Zpráva | ||
---|---|---|---|
kavinsky Profil * |
#1 · Zasláno: 23. 12. 2008, 18:33:53
Zdravím,
na stránce http://www.vutsinf.cz/textil/ mám potíže se zobrazením hoveru v IE6. Jedná se o vertikální menu, kde po najetí myší na odkaz se ještě rozbalí další "podmenu" s dalšími odkazy (např. odkaz Enterprise Europe Network). V Opeře, Firefoxu i IE7 vše funguje jak má. Problém je ale se zobrazením v IE6. Pro tato podmenu mám v CSS nastaveno display:none a v hoveru po přejetí myší display:block. Jenže IE6 hover nezajímá a podmenu stále skrývá pomocí display:none. Zde jsou ukázky kódu: HTML: <div id="menu"> <ul id="nav"> <li><a class="cur" href="/textil/">Úvod</a></li> <li><a href="/textil/?page_id=9">Aktuality</a></li> <li><a href="/textil/?page_id=9">Akce</a></li> <li><a class="dva" href="/textil/?page_id=5">Textilní platformy<br/>a klastry</a></li> <li><a href="/textil/?page_id=7">Databáze TO/TR</a> <ul> <li><a href="?page_id=5">O síti</a> </li> <li><a class="dva" href="?page_id=5">Enterprise Europe</br>Network ČR</a> </li> <li><a class="dva" href="?page_id=5">Partnerské</br>organizace v ČR</a> </li> <li><a class="dva" href="?page_id=5">Enterprise Europe</br>Network ITC při VÚTS</a> </li> </ul> </li> <li><a href="/textil/?page_id=7">Možnosti podpory</a></li> <li><a class="dva" href="/textil/?page_id=11">Příklady úspěšných<br/>projektů</a></li> <li><a href="/textil/?page_id=15">Ke stažení</a></li> <li><a class="dva" href="#">Enterprise Europe</br>Network</a> <ul> <li><a href="?page_id=5">Základní informace</a> <ul> <li><a href="?page_id=5">O síti</a> </li> <li><a class="dva" href="?page_id=5">Enterprise Europe</br>Network ČR</a> </li> <li><a class="dva" href="?page_id=5">Partnerské</br>organizace v ČR</a> </li> <li><a class="dva" href="?page_id=5">Enterprise Europe</br>Network ITC při VÚTS</a> </li> </ul> </li> <li><a href="?page_id=6">Odkazy</a></li> </ul> </li> <li><a href="/textil/?page_id=15">ITC</a></li> <li><a href="/textil/?page_id=17">RKO</a></li> </ul> a CSS pro menu: div#menu ul, #menu ul ul, div#menu ul ul ul { margin:0; /* keeps the menu parts together */ padding:0; width: 172px; /* width of sub menus (this should be the same as width value in #menuv [1]) above */ } div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul { display: none; } div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block; } Nevíte jak podmenu v hoveru zobrazit i v IE6? Stačil by nějaký hack. Předem díky! |
||
joe Profil |
#2 · Zasláno: 23. 12. 2008, 20:43:58
Aby v IE6 fungoval hover u jiných prvků, je třeba JavaScript.
Pokud chceš aby to fungovalo i bez JS, musíš mít hover u odkazů. |
||
Bubák Profil |
#3 · Zasláno: 23. 12. 2008, 21:12:38 · Upravil/a: Bubák
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul { display: none; behavior: url(csshover.htc);} } Pokud bys potřeboval, můžeš deklarovat behavior: url(csshover.htc) pro "body", jak doporučuje dokumentace: *howto: body { behavior:url("csshover.htc"); } Soubor csshover.htc (což je zakuklený javascript) mám pro jistotu na své pokusné stánce. Nejnovější verzi najdeš na oficiální stránce www.xs4all.nl/~peterned/csshover.html, ale novější verze "jen" přidávají další pseudoelementy, :active a :focus. Podobných *hover.htc souborů je spousta, ale tenhle se mi líbí pro jednoduchost použití (pro blbce). Protože IE, cesta k *.htc souboru je relativní od HTML stránky (nikoliv od CSS souboru) Pokud máš složitější adresářovou srukturu HTML souborů, doporučil bych použít kořenovou adresu (začíná lomítkem). |
||
Časová prodleva: 15 let
|
0