Autor Zpráva
Petras
Profil
ahoj,
snad mne neukamenujete, viděla jsem, že se tu tohle téma probíralo víckrát, nicméně už asi nepotřebuju napovědět, ale spíš nakopnout...
mám následující menu:
<div id="nav" class="nav">
 <li class="menu1"><a href="#"><span>&nbsp;</span></a>
  <ul class="submenu">
   <li><a href="#">Společenské prostory</a></li>
   <li><a href="#">Pokoje</a></li>
   <li><a href="#">Jídelny</a></li>
   <li><a href="#">Akce</a></li>
   <li><a href="#">Časopis NÁŠ DOMOV</a></li>
  </ul>
 </li>
</div>
a s tím související css
#nav {                    /* menu */ 
height: 38px; 
background: #BF2026; 
color: #606060;
width: 1024px; }

.nav ul {
margin: 0 194px;
list-style-type: none;
position: relative; }

.nav li { 
float: left; 
position: relative; 
z-index: 100; }

.nav a, .nav :visited {
display: block; 
font-size: 14px; 
padding: 0; 
color: #FFF; 
background: #BF2026; 
text-decoration: none; 
margin-right: 1px; 
text-align: center; }

.nav :hover, .nav .submenu :hover {
color: #000; 
background: #BF2026; }

.nav ul ul {
visibility: hidden; 
position: absolute; 
margin-left: 2px; 
width: 271px; 
height: 0; }

.nav ul li:hover ul, .nav ul a:hover ul {
visibility: visible; }

.nav .submenu a, .nav .submenu:visited {
display: block; 
font-size: 13px; 
width: 271px; 
margin: 0; 
padding: 3px 0 10px 15px; 
color: #FFF; 
background: #BF2026; 
text-decoration: none; 
text-align: left; }

.nav li span {
display: block;    
height: 38px;    }

.nav li.menu1 a span {
width: 70px;        
background: url('../img/menu/inactive_01.gif'); }

.nav li.menu1 a:hover span {
background: url('../img/menu/active_01.gif');    }    

Opera, FF, Chrome, IE od 7 výš - vše v pořádku. Ovšem IE 6 a nižších (mimochodem - má ještě v dnešní době cenu upravovat stránky pro nižší IE?) mi prostě zobrazí jen menu (tedy obrázky), ale nevysune se mi lišta s pododkazy. Zkoušela jsem to úpravou css jen pro IE 6, ale bez úspěchu. Četla jsem o existenci hover.htc, ale prostě mi to tam za Boha nejde rozběhnout. Poradil by mi někdo?
Borius
Profil
Lépe by se to zkoušelo s živou ukázkou, než s pouhou představou nad zdrojovým kódem.
Ohledně *.htc díš pravdu, MSIE totiž pracuje s pseudotřídou „hover“ jenom u odkazů, u ničeho jiného.
A koukám, že skutečně tady je zakopaný pes. Měla bys tedy přilinkovat (jak pravíš) úpravu tohoto chování.
Zápis je takovýto:
    <!--[if gte IE 6]>
        <style type="text/css">
            /* Starší IE nedodržuje CSS standarty, proto přilinkuji extra .htc soubor */
            behavior: url(hover.htc);
        </style>
    <![endif]-->
Vysvětlivka: Pro ostatní prohlížeče je to zakomentované (nevšímají si toho), pouze MSIE 6 (případně starší) soubor načtou a za pomoci javascriptu pozmění svůj přístup k prvku „:hover“ tak jaký by měl správně být.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: