| Autor | Zpráva | ||
|---|---|---|---|
| Petras Profil |
#1 · Zasláno: 15. 4. 2012, 21:56:33
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> </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> #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 |
#2 · Zasláno: 15. 4. 2012, 23:17:38
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]--> |
||
|
Časová prodleva: 12 let
|
|||
0