skus toto:
http://vc.podstromami.com/samples/kmenu ... emenu.html
ma to ale par much..
//nahodou odkaz zmazes a uz prispevok nebude aktualny
kontextovemenu.html píše:
<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Kontextové menu 0.4 - 09.03.2007</title>
<meta content="text/html; charset=windows-1250" http-equiv="Content-Type" />
<meta content="sk" http-equiv="content-language" />
<meta content="no-cache" http-equiv="Cache-control" />
<meta content="no-cache" http-equiv="Pragma" />
<meta content="0" http-equiv="Expires" />
<meta content="all,follow" name="robots" />
<meta content="general" name="rating" />
<meta content="Viktor Čech" name="author" />
<meta content="2006" name="copyright" />
<link type="text/css" href="kontextovemenu.css" media="screen,projection" rel="stylesheet" />
</head>
<body>
<h1>Kontextové CSS menu</h1>
<div class="tien">
<div class="menu">
<div class="obsah">
<ul>
<li>Položka 1</li>
<li><a href="#">Položka 2</a></li>
<li id="podmenu">
<a href="#">Položka 3</a>
<div class="tien">
<div class="menu">
<div class="obsah">
<ul>
<li><a href="#">Podmenu 1 položky 3</a></li>
<li><a href="#">Podmenu 2 položky 3</a></li>
<li><a href="#">Podmenu 3 položky 3</a></li>
<li><a href="#">Podmenu 4 položky 3</a></li>
</ul>
</div>
</div>
</div>
</li>
<li><a href="#">Položka 4</a></li>
<li>Položka 5</li>
<li>Položka 6</li>
<li><a href="#">Položka 7</a></li>
<li><a href="#">Položka 8</a></li>
<li>Položka 9</li>
<li><a href="#">Položka 10</a></li>
<li><a href="#">Položka 11</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
kontextovemenu.css píše:
body {
behavior: url(csshover.htc);
color: #000;
background-color: #fff;
font: 0.7em Arial, Verdana, lucida, sans-serif;
margin: 50px;}
h1 {
font-size: 200%;}
.tien {
width: 200px;
float: left;
background-color: #f5f5f5;}
.tien .menu {
padding: 0;
position: relative;
left: -5px;
top: -5px;}
.obsah {
margin: 0;
padding: 0;
background-color: #fff;
border: solid 1px #9d9da1;}
.obsah ul {
background: url(men.png) repeat-y top left transparent;
list-style: none;
padding: 2px;
margin: 0;}
.obsah ul li {
color: #aca899;
padding: 0 0 0 33px;}
.obsah ul li#podmenu {
background: url(sipka.png) no-repeat -2% 100% transparent;}
.obsah ul li#podmenu .tien {
display: none;}
.obsah ul li#podmenu:hover .tien {
display: block;
position: absolute;
top: 50px;
left: 202px;}
.obsah ul li a {
cursor: default;
color: #000;
width: 158px;
display: block;
text-decoration: none;
padding: 3px 3px 3px 0;
margin: 0;}
.obsah ul li a:hover {
background-color: #f0f0f0;}