Autor Zpráva
burinek
Profil
Ahoj, už jsem tady na fóru řešil tohle menu:
<div id="menu">
	 <ul>
	 <li class="hlavni"><h5><a href="Historie1.htm" title="Pohled do historie">HISTORIE</a></h5>
		    <ul class="sub">
            <li><a href="Historie1.htm" title="Vznik kapely">Vznik</a></li>
            <li><a href="Historie2.htm" title="Ocenění">Ocenění</a></li>
            <li><a href="Historie3.htm" title="Bývalí členové">Bývalí členové</a></li>
          </ul>
    </li>
		
	 <li class="hlavni"><h5><a href="Soucasnost1.htm" title="Současnost kapely">SOUČASNOST</a></h5>
		    <ul class="sub">
            <li><a href="Soucasnost1.htm" title="Novinky">Novinky</a></li>
            <li><a href="Soucasnost2.htm" title="Obsazení kapely">Obsazení</a></li>
            <li><a href="Soucasnost3.htm" title="Partneři kapely">Partneři kapely</a></li>
          </ul>
    </li>

	 <li class="hlavni"><h5><a href="CD1.htm" title="Diskografie">DISKOGRAFIE</a></h5>
		    <ul class="sub">
            <li><a href="CD1.htm" title="Vysočinka - Na přání">CD Na přání</a></li>
            <li><a href="CD2.htm" title="Vysočinka - Pět let">CD Pět let</a></li>
            <li><a href="CD3.htm" title="Vysočinka - Máničko moje">CD Máničko moje</a></li>
            <li><a href="CD4.htm" title="Vysočinka - Rodné Jiřice">CD Rodné Jiřice</a></li>
            <li><a href="CD5.htm" title="Vysočinka - Demo snímek">CD Demo snímek</a></li>	
            <li><a href="formular.htm" title="Objednávací formulář">Nákupní košík</a></li>         
          </ul>
    </li>
		
	 <li class="hlavni"><h5><a href="Foto1.htm" title="Fotogalerie">FOTOGALERIE</a></h5>
		    <ul class="sub">
            <li><a href="Foto1.htm" title="Fotky z koncertů">Fotky z koncertů</a></li>
            <li><a href="Foto2.htm" title="Fotky z plesů">Fotky z plesů</a></li>
            <li><a href="Foto3.htm" title="Ze všedního života">Ze všedního života</a></li>
            <li><a href="Foto4.htm" title="Všehochuť">Všehochuť</a></li>
        </ul>
    </li> 
	 
	 <li class="hlavni"><h5><a href="diskuze.htm" title="Diskuzní fórum">DISKUZE</a></h5>	
    </li>
	
	 <li class="hlavni"><h5><a href="Nabidka1.htm" title="Naše nabídka">NABÍDKA</a></h5>
   	    <ul class="sub">
            <li><a href="Nabidka1.htm" title="Nabídka koncertního programu">Koncertní program</a></li>
            <li><a href="Nabidka2.htm" title="Nabídka taneční zábavy">Taneční zábava</a></li>
            <li><a href="Nabidka3.htm" title="Nabídka programu pro děti">Program pro děti</a></li>
            <li><a href="Nabidka4.htm" title="Nabídka ozvučení akcí">Ozvučení akcí</a></li>
         </ul>
	 </li>
	 
	  <li class="hlavni"><h5><a href="Kontakt1.htm" title="Kontakty">KONTAKTY</a></h5>
          <ul class="sub">
            <li><a href="Kontakt1.htm" title="Kontakt na kapelníka">Kapelník</a></li>
            <li><a href="Kontakt2.htm" title="Kontakt na managera">Manažer</a></li>
            <li><a href="Kontakt3.htm" title="Kontakt na zvukaře">Zvukař</a></li>
          </ul>
	 </li>
	 
	  <li class="hlavni"><h5><a href="Vystoupeni.htm" title="Přehled vystoupení">VYSTOUPENÍ</a></h5>
                     </li>
           </ul>

</div>

#menu {width: 800px; height: 30px; font: 0.83em Sans-serif;}
#menu ul {margin: 0; padding: 0; list-style-type: none; }
#menu li {float: left; width: 100px;  margin: 0; padding: 0; }
#menu ul.sub {margin: 0; padding: 0; list-style-type: none;}
#menu ul.sub li {display: block; width: 100%; margin: 0; padding: 0; }
#menu ul.sub li a {display: block; margin: 0; width: 150px; color: #B00000; text-align: left; text-decoration: none; font-weight: bolder;  font-size: 12px; line-height: 25px; text-indent: 10px; border-bottom: 1px solid black; background-color: white; border-right: 1px solid black; border-left: 1px solid black; }
#menu ul.sub li > a {width: 150px;}
#menu ul.sub li a:hover { color: white;  background:#CC3300;  font-weight: bolder;  font-size: 12px; }
#menu ul li.hlavni:hover h3 a {background-color: gray;}
#menu ul li.hlavni {position: relative; z-index: 10;}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.hlavni:hover ul.sub {visibility: visible;}
ul.sub {position: absolute; z-index: 10; visibility: hidden;}
h5 {font-size: 12px; margin: 0px; padding: 0px; color: #990033; line-height: 30px; text-align: center; } 
h5 a {display: block; text-decoration: none; width: 100%; color: black; line-height: 30px;  background-image: url(menu1.png);}
h5 a:hover {color:white;  height: 30px; background-image: url(menu2.png); }
Chodí dobře, i v IE6, ale někdy se stane, že kliknu na položku seznamu, zobrazí se mi stránka, ale když najedu zpět na menu, tak se již nerozbalí. Pouze ten oddíl (nebo nevim, jak to nazvat), na který sem kliknul. Ostatní se rozbaluje. Nevíte někdo, v čem by byl problém?

soubor hover.htc mám připojen.
Děkuju
Str4wberry
Profil
Burinku, nebylo by lepší, kdybys tu stránku rovnou odkázal?
burinek
Profil
Str4wberry to máš asi pravdu. Ale ještě nemám stránky hotovy. Až budou, tak hodim odkaz. Doufám, že nebude vadit, když to bude v tomto tématu. Díky

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: