 [HTML][CSS] Rozwijane menu- mały problem |
  |
| [HTML][CSS] Rozwijane menu- mały problem |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 67 Pomógł: 0 Dołączył: 9.12.2008 Ostrzeżenie: (0%) 
 |
Mam mały problem z rozwijanym menu w CSS. Dosyć dawno nie używałem CSS, więc trochę zapomniałem. Jak zrobić, żeby po kliknięciu rozwijało się menu, ale żeby nie przesuwało na dół diva z treścią "Something", tylko żeby rozwijało się samo menu?
W moim kodzie rozwija się menu, ale w raz z nim div "content", i chciałbym się tego pozbyć, ale nie pamiętam jaki kod napisać w CSS. Jakby co rozwijanym elementem jest to co pod linkiem "News" XHTML Kod <!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="en-us" lang="en-us"> <head> <title></title> <link rel="stylesheet" type="text/css" href="/scripts/kohana/css/style.css" /> </head> <body> <div id="all"> <div id="menu"> <div class="menu"> <ul> <li><a href="#">News</a> <ul class="sub"> <li><a class="news" href="#">Add news</a></li> <li><a class="news" href="#">Edit news</a></li> </ul> </li> </div> <li><a href="#">Comments</a></li> <ul class="sub"> <li><a href="#">Add Comments</a></li> <li><a href="#">Edit Comments</a></li> </ul> <li><a href="#">Ban</a></li> </ul> </div> <div id="content"> <span>Something</span> </div> </div> </body> </html> CSS: Kod html, body {
margin: 0; padding: 0; background-color: #CBCBCB; } #all { width: 750px; margin: 0 auto; } ul, ul li { padding: 0; margin: 0; list-style-type: none; display: inline; } ul a:link, ul a: visited { list-style-type: none; } .news { display: block; text-decoration: none; } .sub { display: none; text-decoration: none; } .menu:hover ul.sub { display: block; color: yellow; } #content { background-color: green; border: solid 1px black; } |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 352 Pomógł: 9 Dołączył: 16.09.2005 Skąd: Rybnik Ostrzeżenie: (0%)
|
Hej ja sie w tym ostatnio bawiłem i coś pamiętam ale nie rozumiem co chcesz zeby się rozwijało?
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 180 Pomógł: 12 Dołączył: 30.04.2007 Ostrzeżenie: (0%)
|
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 352 Pomógł: 9 Dołączył: 16.09.2005 Skąd: Rybnik Ostrzeżenie: (0%)
|
Czasami lepiej się pomeczyć niż wszystko na gotowca (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Też polecam: http://www.alistapart.com/articles/dropdowns/ |
|
|
|
|
|
Aktualny czas: 23.08.2025 - 17:59 |
