| Autor | Zpráva | ||
|---|---|---|---|
| qwerasd Profil |
#1 · Zasláno: 11. 11. 2010, 20:28:11
Zdravím,
stáhnul jsem si odněkud předdělané rozbalovací menu pomocí odkazu a hover. V Mozille to samozřejmě funguje krásně. V IE ne, tak jsem hledal a zkoušel nastavit módy prohlížeče a stále nic. Nevíte někdo co mi tam chybí nastavit nebo co je špatně? HTC soubor taky volám ale je dlouhý tak dam jen část. html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2"
<head>
<title>Vysouvací hover menu</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="Vodorovné vysouvací menu." />
<meta name="keywords" content="Vysouvací menu, hover menu" />
<meta name="author" content="Jiří Černý (tvorbawebu@email.cz)" />
<meta name="robots" content="all,follow" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="vodorovne-menu">
<ul>
<li><a href="#">Hlavní strana</a></li>
<li><a href="#">Reference</a>
<ul>
<li><a href="#">Loga</a></li>
<li><a href="#">3D</a></li>
<li><a href="#">Webdesign</a></li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul>
<li><a href="#">PHP</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">C++</a></li>
</ul>
</li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<br /><br /><br /><br />
<div id="vertikalni-menu">
<ul>
<li><a href="#">Hlavní strana</a></li>
<li><a href="#">Reference</a>
<ul>
<li><a href="#">Loga</a></li>
<li><a href="#">3D</a></li>
<li><a href="#">Webdesign</a></li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul>
<li><a href="#">PHP</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">C++</a></li>
</ul>
</li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</body>
</html>
css:
*{margin: 0;padding: 0;}
body { behavior: url("csshover3.htc"); font-size:90%;}
/* menu */
#vodorovne-menu {width: 100%;margin: 10px;}
#vodorovne-menu li {float:left;list-style-type:none;}
#vodorovne-menu li a {display:block; height:24px;width: 110px;line-height:24px; text-align:center; text-decoration:none;color:#000;}
#vodorovne-menu li a:hover { background: #0E3D6F; color:#fff;}
#vodorovne-menu li ul {display:none;}
#vodorovne-menu li:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li:hover ul li { display:block; float:none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;}
#vodorovne-menu li:hover ul li a {background:#fff;}
#vodorovne-menu li:hover ul li a:hover {background: #0E3D6F;color:#fff;}
#vertikalni-menu{clear:both;width: 100%;margin: 25px;}
#vertikalni-menu li {list-style-type:none;position:relative;width: 110px;}
#vertikalni-menu li a {display:block; height:24px;width: 104px;line-height:24px;text-decoration:none; color:#000;padding: 0 3px;}
#vertikalni-menu li a:hover { background: #0E3D6F; color:#fff;}
#vertikalni-menu li ul{position:absolute;top:0;left:100px;visibility:hidden;}
#vertikalni-menu li:hover ul{visibility:visible;display:block;position:absolute;border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vertikalni-menu li:hover ul li { display:block;position:relative; float:none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;}
#vertikalni-menu li:hover ul li a {background:#fff;}
#vertikalni-menu li:hover ul li a:hover {background: #0E3D6F;color:#fff;}
HTC <public:attach event="ondocumentready" onevent="CSSHover()" /> <script> /** * Whatever:hover - V3.00.081222 * -------------------------------------------------------- * Author - Peter Nederlof, http://www.xs4all.nl/~peterned * License - http://creativecommons.org/licenses/LGPL/2.1 * Packed - http://dean.edwards.name/packer * * howto: body { behavior:url("csshover3.htc"); } */ </script> |
||
|
Časová prodleva: 4 dny
|
|||
| Chamurappi Profil |
#2 · Zasláno: 15. 11. 2010, 17:07:59
Reaguji na qwerasda:
Prosím o odkaz na živou ukázku. „HTC soubor taky volám ale je dlouhý tak dam jen část.“ Zrovna takovou užitečnou :-) (v tomto případě to nevadí). |
||
|
Časová prodleva: 15 let
|
|||
0