Autor | Zpráva | ||
---|---|---|---|
shaman171 Profil |
#1 · Zasláno: 22. 4. 2010, 16:12:31 · Upravil/a: shaman171
Ahoj,
na mém novém webu bude menu tvořeno pomocí tohoto kódu: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <style> /* Spolocne styly */ * {margin: 0; padding: 0;} body {margin: 0 20px; font: small/1.9 Verdana, Arial, lucida, helvetica, sans-serif; background: #fff; color: #333;} * html body, * html td {font-size: x-small;} h1 {width: 660px; font-size: 1.5em; font-weight: normal; line-height: 2em; margin-bottom: 0.5em; text-align: center;} p {margin-bottom: 0.2em; text-align: center; width: 540px;} * html p {width: 440px;} table {border-collapse: collapse; margin-top: -1px;} /* Zakladne styly */ #menu {float: left; width: 120px;} #menu ul {list-style-type: none;} #menu li {float: left; position: relative; width: 120px;} #menu li a {display: block; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 119px; background: #c9c9a7; color: #000; font-weight: bold; line-height: 2em; text-decoration: none; text-align: center;} * html #menu li a {width: 120px; position: relative; overflow: hidden;} #menu li ul {position: absolute; display: none; width: 120px; top: 0; left: 120px;} * html #menu li ul {display: block; margin-top: -1px;} /* Hover efekty */ #menu li a:hover, #menu li:hover a {background: #b3ab79; color:#fff; overflow: visible;} #menu li:hover ul {display: block;} #menu li li a, #menu li:hover li a {font-weight: normal; background: #c9c9a7; color: #000;} #menu li li a:hover, #menu li:hover li a:hover {background: #b3ab79; color:#fff;} </style> <body> <h1>Zvislé hover menu</h1> <div id="menu"> <ul> <li><a href="#">Výučba <!--[if IE 7]><!--> </a> <!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">Osnova</a></li> <li><a href="#">Pojmy</a></li> <li><a href="#">Otázky</a></li> <li><a href="#">Príklady</a></li> <li><a href="#">Termíny</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">Výskum <!--[if IE 7]><!--> </a> <!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">O výskume</a></li> <li><a href="#">Publikácie</a></li> <li><a href="#">Projekty</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">Rôzne <!--[if IE 7]><!--> </a> <!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">Odkazy</a></li> <li><a href="#">Prednášky</a></li> <li><a href="#">Info</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">Autor <!--[if IE 7]><!--> </a> <!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">O autorovi</a></li> <li><a href="#">Kontakt</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> <p>IE 5, IE 6, IE 7, Firefox 1.5, Firefox 2, Opera 8, Opera 9 </p> <p>Aj pre IE bez JavaScriptu </p> </body> </html> Ovšem narazil jsem na problém, jakmile vedle vysouvacího menu umístím Flash prvek (mp3player, video z Youtube...) tak když menu "vyjede" schová se mi za daný flash prvek a není videt co je tam napsáno. Konkrétně mi to dělá IE 7, IE 8, Opera a Google Chrome. Jediný Firefox to vykresluje jak má a Flash objekt přesune do pozadí. Nevíte kde je chyba? Popřípadě co upravit? Například mp3player nahrávám z Iframe, ale ani to nepomáhá, jak předělat to "uskupení na stránkách?" Děkuju moc |
||
panther Profil |
#2 · Zasláno: 22. 4. 2010, 16:14:14
shaman171:
„Nevíte dke je chyba? Popřípadě co upravit?“ víme. Zároveň víme, že už tu stejných dotazů bylo moc na to, aby bylo nutno to znovu opakovat. Takže si podobná témata dohledej. |
||
shaman171 Profil |
#3 · Zasláno: 22. 4. 2010, 16:26:41
Děkuju za odpověď
Mimochodem kdyby někdo hledal, podařilo se mi to vyhrabat |
||
Časová prodleva: 14 let
|
0