Autor Zpráva
maresak
Profil
Ahoj, prosím o pomoc, už fakt nevím co s tím. Zkusil jsem hledat tady v historii, ale nepochopil jsem to. Ve všech prohlížečích to funguje, jenom v IE 6 ne.

HTML:

<div id="menu">


<div id="block-menu-65" class="clear-block block block-menu">

<h2>Menu</h2>

<div class="content">
<ul class="level2">
<li class=""><a href="/sex-magazin" title="Sex magazín">Sex magazín</a></li>
<li class="active-trail"><a href="/eroticke-povidky" title="Erotické povídky">Erotické povídky</a>
<ul class="level2">
<li class=""><a href="/eroticke-povidky/anal" title="Anál">Anál</a></li>

<li class=""><a href="/eroticke-povidky/animal" title="Animal">Animal</a></li>
<li class=""><a href="/eroticke-povidky/baculky" title="Baculky">Baculky</a></li>
<li class=""><a href="/eroticke-povidky/bdsm" title="BDSM">BDSM</a></li>
<li class=""><a href="/eroticke-povidky/bisexualove" title="Bisexuálové">Bisexuálové</a></li>
<li class=""><a href="/eroticke-povidky/bizardnosti" title="Bizardnosti">Bizardnosti</a></li>
<li class=""><a href="/eroticke-povidky/fetis" title="Fetiš">Fetiš</a></li>
<li class=""><a href="/eroticke-povidky/gay" title="Gay">Gay</a></li>
<li class=""><a href="/eroticke-povidky/grupac" title="Grupáč">Grupáč</a></li>
<li class=""><a href="/eroticke-povidky/incest" title="Incest">Incest</a></li>

<li class=""><a href="/eroticke-povidky/klasika" title="Klasika">Klasika</a></li>
<li class=""><a href="/eroticke-povidky/klinik" title="Klinik">Klinik</a></li>
<li class=""><a href="/eroticke-povidky/lesbicky" title="Lesbičky">Lesbičky</a></li>
<li class=""><a href="/eroticke-povidky/masturbace" title="Masturbace">Masturbace</a></li>
<li class=""><a href="/eroticke-povidky/oralni-sex" title="Orální sex">Orální sex</a></li>
<li class=""><a href="/eroticke-povidky/panici" title="Panici">Panici</a></li>
<li class=""><a href="/eroticke-povidky/sex-poezie" title="Sex poezie">Sex poezie</a></li>
<li class=""><a href="/eroticke-povidky/zrale-zeny" title="Zralé ženy">Zralé ženy</a></li>

</ul>
</li>
<li class=""><a href="/forum" title="Diskuse">Diskuse</a></li>
<li class="active-trail"><a href="/eroticke-sluzby" title="Erotické služby">Erotické služby</a>
<ul class="level2">
<li class=""><a href="/eroticke-sluzby/damsky-striptyz" title="Dámský striptýz">Dámský striptýz</a></li>
<li class=""><a href="/eroticke-sluzby/divky-z-escortu" title="Dívky z escortů">Dívky z escortů</a></li>
<li class=""><a href="/eroticke-sluzby/divky-z-klubu" title="Dívky z klubů">Dívky z klubů</a></li>
<li class=""><a href="/eroticke-sluzby/divky-z-privatu" title="Dívky z privátů">Dívky z privátů</a></li>
<li class=""><a href="/eroticke-sluzby/eroticke-masaze" title="Erotické masáže">Erotické masáže</a></li>

<li class=""><a href="/eroticke-sluzby/gay-sluzby" title="Gay služby">Gay služby</a></li>
<li class=""><a href="/eroticke-sluzby/gigolo" title="Gigolo">Gigolo</a></li>
<li class=""><a href="/eroticke-sluzby/pansky-striptyz" title="Pánský striptýz">Pánský striptýz</a></li>
<li class=""><a href="/eroticke-sluzby/travesti-show" title="Travesti show">Travesti show</a></li>

</ul>
</li>
<li class=""><a href="/eroticky-slovnik" title="Erotický slovník">Erotický slovník</a></li>
<li class="active-trail"><a href="/sexualni-praktiky" title="Sexuální praktiky">Sexuální praktiky</a>
<ul class="level2">
<li class=""><a href="/sexualni-praktiky/analni-sex" title="Anální sex">Anální sex</a></li>

<li class=""><a href="/sexualni-praktiky/bondage" title="Bondage">Bondage</a></li>
<li class=""><a href="/sexualni-praktiky/eroticke-masaze" title="Erotické masáže">Erotické masáže</a></li>
<li class=""><a href="/sexualni-praktiky/eroticke-pomucky" title="Erotické pomůcky">Erotické pomůcky</a></li>
<li class=""><a href="/sexualni-praktiky/holeni-pohlavi" title="Holení pohlaví">Holení pohlaví</a></li>
<li class=""><a href="/sexualni-praktiky/kamasutra" title="Kamasůtra">Kamasůtra</a></li>
<li class=""><a href="/sexualni-praktiky/masturbace" title="Masturbace">Masturbace</a></li>
<li class=""><a href="/sexualni-praktiky/oralni-sex" title="Orální sex">Orální sex</a></li>
<li class=""><a href="/sexualni-praktiky/sexualni-orientace" title="Sexuální orientace">Sexuální orientace</a></li>

</ul>
</li>
<li class=""><a href="/eroticke-hry" title="Erotické hry" class="active">Erotické hry</a></li>
<li class=""><a href="/porno-tv" title="Porno TV">Porno TV</a></li>

</ul>
</div>
</div>


CSS:

/* leve menu */

#menu ul {
position: relative;
margin: 0;
padding: 0;
font-weight: bold;
z-index: 10000;
margin-left: 15px;
}

#menu li {
position: relative;
list-style: none;
margin: 0;
padding: 4px 0;
background: url('images/lmenu_li.png') #fff right bottom no-repeat;
}

#menu li a {
text-decoration: none;
font-size: 11px;
width: 88%;
height: 99%;
padding: 10px;
padding-left: 16%;
color: #0d2b74;
line-height: 23px;
background: url('images/lmenu_bul.png') 3px 7px no-repeat;
}

#menu li a:hover {
text-decoration: none;
}

#menu ul ul.level2 {
display: none;
position: absolute;
left: 165px;
top: 10px;
border-bottom: solid #B20000 2px;
z-index: 100000;
}

#menu ul li ul li {
background: url('images/lmenu_subli.png') #fff right top no-repeat;
width: 241px;
padding: 0px;
}

#menu ul li:hover ul.level2,#menu ul li.sfhover ul.level2 {
display: block;
}

#menu ul li:hover,#menu ul li.sfhover {
background: url('images/lmenu_li_hover.png') /* #CC0000 */ right center no-repeat;
}


#menu ul li:hover ul li,#menu ul li.sfhover ul li {
background: url('images/lmenu_subli.png') #fff right top no-repeat;
}

#menu ul li ul li:hover,#menu ul li ul li.sfhover {
background: url('images/lmenu_subli_hover.png') /* #CC0000 */ right top no-repeat;
}


#menu ul li a,#menu ul li a {
color: #670010;
}

#menu ul li:hover a,#menu ul li.sfhover a {
color: #000;
background: url('images/lmenu_bul_hover.png') 3px 7px no-repeat;
}

#menu ul li:hover ul li a,#menu ul li.sfhover ul li a {
color: #770101;

background: none;
padding: 1px 10px;
}

#menu ul li ul li:hover a,#menu ul li ul li.sfhover a {
color: #770101;

background: none;
}


/* item-list begin */
#menu .item-list ul {
position: relative;
margin: 0;
padding: 0;
font-weight: bold;
z-index: 10000;
margin-left: 0px;
}

#menu .item-list li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding: 0px 0;
}

#menu .item-list ul li {
font-size:115%;
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding: 0;
background: none;
padding:2px 0 2px 0px;
}

#menu .item-list ul li a{
text-decoration: none;
font-size: 12px;
display: block;
width: 88%;
height: 99%;
padding: 2px 2%;
padding-left: 0%;
color: #000;
/*background: url('images/lmenu_bul.png') 3px 5px no-repeat;*/
color: #d14000;
background:none;
padding:0 0 0 5px;
text-decoration: underline;
}

#menu .item-list ul li a:hover {
color: #000000;
}

/* item-list end */


Díky moc za rady.

PS: Omlouvám se za erotický obsah v menu.
Miloš
Profil
IE 6 (a tuším IE 7 v quirku) umí :hover pouze u odkazů (<a…).
Simulovat hover lze pomocí hover.htc – http://users.hszk.bme.hu/~hj130/css/list_menu/hover/
Manq
Profil
Miloš
Myslím, že tušíš správně :-).

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: