[HTML][CSS] Problem z menu

[HTML][CSS] Problem z menu

Matado Zobacz profil	26.06.2009, 17:49:54 Post #1
Grupa: Zarejestrowani Postów: 67 Pomógł: 0 Dołączył: 9.12.2008 Ostrzeżenie: (0%)	Mam problem z rozsuwającym się menu. Zrobiłem sobie takie, że po najechaniu wyświetlają się dodatkowe opcje. Wszystko jest ok, gdy ustawię wysokość diva za pomocą height: , ale jak nie ma height: ustawione dla diva z menu, to w ogóle reszta listy po najechaniu się nie wyświetla. Jak można ominąć to i sprawić, aby po najechaniu lista wyświetliła się poza obszar divu z menu ? Panel jest robiony pod framework Kohana. Div z menu ma nazwę verticalmenu. Lista to menu. XHTML [HTML] pobierz, plaintext <?xml version="1.0" encoding="UTF-8"?> <!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="pl" lang="pl"> <head> <title>Admin Panel</title> <link rel="stylesheet" type="text/css" href="http://localhost/scripts/kohana/media/css/admin.css" /> </head> <body> <div id="wrapper"> <div id="verticalmenu"> <ul class="menu"> <li><a href="http://localhost/scripts/kohana/admin/board">Home</a></li> <li>News <ul> <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li> <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li> </ul> </li> <li>Komentarze <ul> <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li> <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li> </ul> </li> <li>Zdjęcia <ul> <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li> <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li> </ul> </li> <li>Filmy <ul> <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li> <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li> </ul> </li> <li><a href="http://localhost/scripts/kohana/login/signout">Wyloguj</a></li> </ul> </div> <div id="content"> Content</div> <div id="footer"> <span>Š 2009 for borczykracing.pl</span> </div> </div> </body> </html> [HTML] pobierz, plaintext CSS Kod html, body { background-color: #fff; color: #000; margin: 0; padding: 0; } #wrapper { width: 780px; margin: auto; margin-top: 30px; } #verticalmenu { overflow: hidden; background-color: #D2D2D2; } #content { overflow: hidden; } #footer { clear: both; width: 100%; font: bold 11pt Arial; background-color: #B6FF82; } ul.menu, ul.menu li, ul.menu ul { list-style: none; margin: 0; padding: 0; } ul.menu { position: relative; } ul.menu li { float: left; border: solid 1px #d9d9d9; background-color: #f6f6f6; color: #000; padding: 7px 10px; } ul.menu li:hover { position: relative; background-color: #eee; } ul.menu ul { visibility: hidden; position: absolute; top: 100%; left: 0; width: 100px; margin-top: 1px; } ul.menu ul li { float: none; } ul.menu li:hover ul { visibility: visible; } ul.menu a:link, ul.menu a:visited { color: #000; text-decoration :none; }