![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 581 Pomógł: 0 Dołączył: 21.07.2003 Skąd: Jasło Ostrzeżenie: (0%) ![]() ![]() |
chciałbym wiedziec jak stworzyc menu w stylu Kategoria->po kliknięciu pod kategorie lub menu wysuwane (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
|
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%) ![]() ![]() |
E tam po co skrypty (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) wystarczy CSS:
[xml:1:a21e5ab6bc]<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"> <head> <title></title> <style type="text/css"> ul#menu { width: 140px; float: left; margin-right: 1em; } ul#menu, #menu ul { padding: 0px; margin: 0px; list-style-type: none; } ul#menu>li { padding: 2px 6px 2px 6px; margin: 0px; } ul#menu li>ul { display: none; margin-left: 10px; position: absolute; width: 140px; left: 140px; margin-top: -22px; } #menu ul li a { padding: 2px 10px 2px 10px; display: block; } ul#menu li:hover>ul { display: block; } ul#menu, #menu ul, #menu ul li a { background-color: #C0C0C0; color: #000000; } ul#menu li:hover, #menu ul li a:hover { background-color: #000000; color: #C0C0C0; } ul#menu li:active, #menu ul li a:active { background-color: #003366; color: #C0C0C0; } ul { border: 1px solid #000000; } #menu a { text-decoration: none; } </style> </head> <body> <ul id="menu"> <li><strong>jeden</strong> <ul> <li><a href="#">jeden a</a></li> <li><a href="#">jeden b</a></li> <li><a href="#">jeden c</a></li> </ul> </li> <li><strong>dwa</strong> <ul> <li><a href="#">dwa a</a></li> <li><a href="#">dwa b</a></li> <li><a href="#">dwa c</a></li> </ul> </li> </ul> <!--[if IE]> <p>Masz stara przegladarke, ktora nie jest zgodna ze <a href="http://www.webstandards.org/upgrade/">standardami</a>. Zmien przegladarke na Mozille, Opere lub Konq.</p> <![endif]--> </body> </html>[/xml:1:a21e5ab6bc] Oczywiscie w starych przegladarkach czyli w IE bedzie zle wyswietlany (dlatego uzylem komentarzy warunkowych. Oczywiscie mozna mniej agresywnie przez nadanie innych CSS-ow dla IE a innych dla reszty - w takim rozwiazaniu mozna uzyc hacka z CSS media lub poprostu JS). |
|
|
![]() ![]() |
![]() |
Aktualny czas: 2.10.2025 - 19:13 |