Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]menu
kubatron
post
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)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Dominik
post
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).
Go to the top of the page
+Quote Post

Posty w temacie


Closed TopicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 19:13