21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Janina
Profil *
Mám opět problém s tagy fungujícími v jednom a nefungujícími v druhém...
Potřebuji dynamické menu, které by fungovalo v obojím.
to co mám mi fachá jen ve firefoxu.
Já to mám takto.....

<style type="text/css" media="screen">
#menu {width: 150px; font:0.83em Verdana, sans-serif;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li, #menu ul.sub li {margin: 0; padding: 0; width: 100%;}
#menu h3 {font-size: 1em; margin:0; padding: 1px; border: 1px solid yellow;}
#menu li > h3 {margin-bottom: 0.2em;}
#menu h3 a {display: block; text-decoration: none; width: 100%;}
#menu h3 a:hover {background-color: #DDD; color: inherit;}
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {display: block; margin: 0; border-left: 10px solid white;}
#menu ul.sub li a:hover {background-color: #EEE; color: inherit; border-left: 10px solid yellow;}

#menu ul li.main:hover h3 a {background-color: black; color: yellow;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; padding-bottom: 1em;}
#menu ul li.main:hover ul.sub {visibility: visible;}


</style>

<table bgcolor="black">
<div id="menu">
<ul>
<li class="main" >
<h3><a href="pp.htm" target="obsah">Pp</a></h3>
<ul class="sub">
<li><a href="hanka.htm" target="obsah">Háňa</a></li>
<li><a href="vokurka.htm" target="obsah">Vokurka</a></li>

<li><a href="petra.htm" target="obsah">Petra</a></li>
<li><a href="alice.htm" target="obsah">Allie</a></li>
<li><a href="radka.htm" target="obsah">Radusha</a></li>
<li><a href="joska.htm" target="obsah">Joska</a></li>
</ul>
</li>
<li class="main" >
<h3><a href="randezvous.htm" target="obsah">Randez-vous</a></h3>

</li>
<li class="main" >
<h3><a href="fotogalerie.htm" target="obsah">Fotogalerie</a></h3>
<ul class="sub">
<li><a href="2000.htm" target="obsah">2000-2003</a></li>

<li><a href="2004.htm" target="obsah">2004</a></li>
<li><a href="2005.htm" target="obsah">2005</a></li>

</ul>
</li>

<li class="main" >
<h3><a href="rozhovor.htm" target="obsah">My�lenkový pochody</a></h3>
</li>
<li class="main" >
<h3><a href="http://www.blueboard.cz/kniha_0.php?id=65695" target="obsah">Náv�těvní bichle</a></h3>
</li>
<li class="main" >
<h3><a href="links.htm" target="obsah">Links</a></h3>
</li>

<li class="main" >
<h3><a href="Load_Your_Bike.wmv" target="_blank">What about that car?</a></h3>
</li>
</ul>
</div>
Acci
Profil
Toto menu nefunguje v IE, protože neumí hover u ničeho jiného, než u odkazů
Janina
Profil *
Co s tím?
Acci
Profil
K tom menu musíš připojit ten soubor hover.htc (ještě jednou si přečti přístupné dynamické menu)
Leo
Profil
Lepsi varianta je pripojit JavaScript, Leo
Anonymní
Profil *
Leo > to bych neviděl jako lepší variantu ;)

Janina > koukni se na alistapart.com a hledej hozizontal ... nebo nák tak ;) ...
Fred
Profil
Anonymní
Leo má pravdu a odporuješ si, protože to menu na A list apart je javascript jmenuje se suckerfish dropdown tady je kidyžtak víceúrovňové son of suckerfish dropdown
Janina
Profil *
Kam a jak ho mám připojit...asi se vám to zdá banální, ale já dělám s dhml poprvé..
Toto téma je uzamčeno. Odpověď nelze zaslat.

0