Autor | Zpráva | ||
---|---|---|---|
Sttixi Profil * |
#1 · Zasláno: 24. 3. 2006, 10:29:17
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 * |
#2 · Zasláno: 24. 3. 2006, 11:06:42
Nejsem teď doma, takže se nemůžu podívat, ale zkus to takhle. Možná to bude fungovat.
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0