Autor Zpráva
Sttixi
Profil *
Zdar, potřeboval bych poradit s kodem. Chtěl bych, vytvožit další podůroveň odkazu, aby se mi pododkaz 11 a 12 vysunul ještě do prava - jestli je to možné, ale myslím, že jo. - jen prostě nevím, jak na to. Předem děkuji.

Tady je kod:


<!-- ?xml version="1.0" encoding="windows-1250"? -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">



<head>
<meta http-equiv="Content-Language" content="cs"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<title>Test Hover menu</title>
<style type="text/css" media="all">
/* menu */

ul#mainMenu, ul {
color:blue;
padding:0;
margin:0;
list-style-type:none;
}
ul#mainMenu ul {
margin-top:2px;

}

ul#mainMenu li {
float:left;
padding:6px;
width:130px;
}

ul#mainMenu a {
color:black;
background-image: url('img00001.jpg');
display:block;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-family: Verdana;
font-size: 11px;
text-align: center;
height:30px
}


ul#mainMenu ul a {
border-bottom:none;
border-left:0px;
border-right:0px;
padding-left:0px;
background-image:url('none');
}

ul#mainMenu ul a:hover {
color:red;
border-left:hidden;
border-right:hidden;
background-color:none;
background-image:url('img00003.jpg');
}

ul#mainMenu ul {
position:absolute;
visibility:hidden;
border-bottom:black;
background-image: url('img00003.jpg');
border: 0px solid black;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
visibility:visible;
}

ul#mainMenu li li {
float:none;
border:2px ;
padding:3px;
}

ul#mainMenu li {
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}

</style>

</head>
<body>
<ul id="mainMenu">

<li><a href="#">Hlavní odkaz 1</a>
<ul>
<li><a href="#">Pododkaz 11</a></li>
<li><a href="#">Pododkaz 12</a></li>
<li><a href="#">Pododkaz 13</a></li>
</ul>
</li>


<li><a href="#">Hlavní odkaz 2</a>
<ul>
<li><a href="#">Pododkaz 21</a></li>
<li><a href="#">Pododkaz 22</a></li>
<li><a href="#">Pododkaz 23</a></li>
</ul>
</li>


<li><a href="#">Hlavní odkaz 3</a>
<ul>
<li><a href="#">Pododkaz 31</a></li>
<li><a href="#">Pododkaz 32</a></li>
<li><a href="#">Pododkaz 33</a></li>
</ul>
</li>


<li><a href="#">Hlavní odkaz 4</a>
<ul>
<li><a href="#">Pododkaz 41</a></li>
<li><a href="#">Pododkaz 42</a></li>
<li><a href="#">Pododkaz 43</a></li>
</ul>
</li>


<li><a href="#">Hlavní odkaz 5</a>
<ul>
<li><a href="#">Pododkaz 51</a></li>
<li><a href="#">Pododkaz 52</a></li>
<li><a href="#">Pododkaz 53</a></li>
</ul>
</li>


<li><a href="#">Hlavní odkaz 6</a>
<ul>
<li><a href="#">Pododkaz 61</a></li>
<li><a href="#">Pododkaz 62</a></li>
<li><a href="#">Pododkaz 63</a></li>
</ul>
</li>

</ul>

</body>


</html>
Anonymní
Profil *
Nejsem teď doma, takže se nemůžu podívat, ale zkus to takhle. Možná to bude fungovat.


<li><a href="#">Hlavní odkaz 1</a>
<ul>
<li><a href="#">Pododkaz 11</a></li>
<li><a href="#">Pododkaz 12</a></li>
<li><a href="#">Pododkaz 13</a>
<ul>
<li><a href="#">Pododkaz pododkazu 13</a></li>
</li>
</ul>
</ul>
</li>
Toto téma je uzamčeno. Odpověď nelze zaslat.

0