Autor Zpráva
paja555
Profil *
Mam problém menu se ukazuje dobře v Mozille 3 ale Opera a IE při otevření neukážou nic vím že se má použít soubor hover.htc http://maciweb.net/blog/web/priklady/pristupne-menu-horizontalni.htm ale to stejně nefunguje tak nevím jestli neni chyba v kódu nebo že špatně umisťuji ten soubor


<?xml version=\"1.0\" encoding=\"iso-8859-2\"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" >
<HEAD>
<style type="text/css">
a {color: #00bfff}
a:hover, a:active {color: #ffffff}
</style>
<TITLE>HORIZONTÁLNÍ MENU<TITLE>
	<script language="JavaScript">
	document.write ("<style>ul.sub{position: absolute; z-index:10; visibility: hidden; } li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>");
  </script>
  
	<style type="text/css" media="screen">
	#menu {font:0.83em Verdana, sans-serif; width: 100%; float: left; clear: right;}
	#menu ul {width: 600px;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu li {float: left; width: 150px;}
	#menu li, #menu ul.sub li {margin: 0; padding: 0;}
	#menu h3 {font-size: 1em; margin:0; padding: 1px; border: 1px solid Gray;}
	#menu h3 a {display: block; text-decoration: none; width: 100%; }
	#menu h3 a:hover {background-color: #DDD; color: inherit;}
	ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
  #menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
	#menu ul.sub li a {display: block; margin: 0; width: 150px; border-left: 10px solid DimGray; background-color: DimGray;}
	#menu ul.sub li > a {width: 140px;}


  #menu ul li.main:hover h3 a {background-color: #DDD; color: inherit;}
  #menu ul li.main {position: relative;}
  #menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
  #menu ul li.main:hover ul.sub {visibility: visible;}


     #maciwebmenu {
     position: absolute;
     top: 5px;
     right: 5px;
     margin: 0; 
     padding 0;}
	</style>

</HEAD>
<BODY bgcolor="DimGray">
<img src="images/NH-logo.jpg">

<div id="menu">
<ul>
  <li class="main" >
    <h3><a href="#" title="Hlavní menu">Menu</a></h3>
    <ul class="sub">
      <li><a href="#" title="Přejít na homepage">Homepage</a></li>
      <li><a href="#" title="Výměna ikon webu">Ikony webu</a></li>
      <li><a href="#" title="Historie stránky">Historie str.</a></li>

      <li><a href="#" title="Videa s celebritami">Videa</a></li>
      <li><a href="#" title="Chat">Chat</a></li>

      <li><a href="#" title="Ankety">Ankety</a></li>
    </ul>
  </li>
  <li class="main" >
    <h3><a href="#" title="Fotky žen">Ženy</a></h3>

    <ul class="sub">
      <li><a href="#" title="České Celebrity">České</a></li>

      <li><a href="#" title="Zahraniční Celebrity">Zahraniční</a></li>
    </ul>
  </li>
  <li class="main" >
    <h3><a href="#" title="prázdné">Muži</a></h3>

    <ul class="sub">
      <li><a href="#" title="prázdné">prázdné</a></li>
    </ul>
  </li>
</ul>
</div>
</HTML>
Joker
Profil
paja555
Jak prosté, milý Watsone ;-)

<TITLE>HORIZONTÁLNÍ MENU<TITLE>
<script language="JavaScript">(...)

Chybí lomítko, tím se prvek <title> neukončí, čímž se nenačte skript...
paja555
Profil *
Joker
taková maličkost toho sem si nevšimnul
dík

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: