Autor | Zpráva | ||
---|---|---|---|
monkey Profil |
#1 · Zasláno: 19. 1. 2010, 22:13:45
ahoj neviete niekto poradit s tymto kodom ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> ul{ list-style-type:none; } li{ float:left; } #menu ul{ top:25px; left:0; } #menu ul{ visibility:hidden; position:absolute; background-color:#FC3; padding:0; margin:0; } #menu li{ text-align:center; position:relative; width:130px; z-index: 1000; } #menu li:hover ul { visibility:visible; } #menu a, .podmenu a { padding:5px; display:block; color:black; font:12px arial,sans-serif; text-decoration:none; } #menu li:hover { background-color: #FFC184; color:black; } #menu a:hover { background-color:#FFC184; color:black; } #podmenu li ul { visibility:visible; position:absolute; left:130px; top:0; } .main{ background-color:#F90; } </style> </head> <body><div> <ul id="menu"> <li class="main"><a href="#">Menu_1</a> <ul> <li ><a href="#">Podmenu_1</a></li> <li><a href="#" onmouseover="document.getElementsById('podmenu')">Moje</a> <ul style="visibility:hidden;"> <li ><a href="#">Podpodmenu_1</a></li> <li ><a href="#">Podpodmenu_1</a></li> <li ><a href="#">Podpodmenu_1</a></li> <li ><a href="#">Podpodmenu_1</a></li> <li ><a href="#">Podpodmenu_1</a></li> </ul> </li> <li><a href="#">Podmenu_1</a></li> <li><a href="#">Podmenu_1</a></li> <li><a href="#">Podmenu_1</a></li> <li><a href="#">Podmenu_1</a></li> </ul></li> <li class="main"><a href="#">Menu_2</a> <ul> <li ><a href="#">Podmenu_2</a></li> <li ><a href="#">Podmenu_2</a></li> <li ><a href="#">Podmenu_2</a></li> </ul></li> <li class="main"><a href="#">Menu_3</a> <ul> <li ><a href="#">Podmenu_3</a></li> <li ><a href="#">Podmenu_3</a></li> <li ><a href="#">Podmenu_3</a></li> </ul></li> <li class="main"><a href="#">Menu_4</a> <ul> <li ><a href="#">Podmenu_4</a></li> <li ><a href="#">Podmenu_4</a></li> <li ><a href="#">Podmenu_4</a></li> </ul></li> <li class="main"><a href="#">Menu_5</a> <ul> <li ><a href="#">Podmenu_5</a></li> <li ><a href="#">Podmenu_5</a></li> <li ><a href="#">Podmenu_5</a></li> </ul></li> </ul> </div> </body> </html> rozbalovaie mi funguje ale neviem si rady s tretim rozbalenim je to tlacitko "moje" neviete niekto ako nato ? Skusam to aj cez JS - onmouseover ale asi to nebude spravna cesta ... PS: poprosim o vyznacenie pridanych css stylov aby som vedel co je tam pridane vdaka |
||
monkey Profil |
#2 · Zasláno: 20. 1. 2010, 10:39:27
uz som to vyriesil mozte to vymazat!
|
||
Časová prodleva: 14 let
|
0