| Autor | Zpráva | ||
|---|---|---|---|
| paja555 Profil * |
#1 · Zasláno: 12. 1. 2009, 14:11:37
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 |
#2 · Zasláno: 12. 1. 2009, 14:19:29
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 * |
#3 · Zasláno: 12. 1. 2009, 14:23:38
Joker
taková maličkost toho sem si nevšimnul dík |
||
|
Časová prodleva: 15 let
|
|||
0