Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> problem z menu rozwijanym - nie rozwija sie :-(
InosU31
post
Post #1





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

Ostrzeżenie: (0%)
-----

Witam

Siedze juz drugi dzien nad tym menu i nie wiem co robic... Zrobilem sobie pionowe menu rozwijane ale sie nie rozwija... Znalazlem "gotowca" ale tez nie dziala i nie wiem juz gdzie mam blad. Mam nadzieje ze ktos znajdzie blad.

Z gory dziekuje za pomoc

Ponizej podaje kody:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title></title>
  4.         <link rel='stylesheet' type='text/css' href='arkusz.css' />
  5.     </head>
  6.     <body>
  7.  
  8. <div id="multi_drop_menus">
  9.  
  10. 	<ul>
  11. 		<li><a href="#">Element 1</a>
  12. 			<ul>
  13. 				<li><a href="#">Element 1a</a></li>
  14. 				<li><a href="#">Element 1b</a></li>			
  15. 			</ul>		
  16. 		</li>
  17.  
  18. 		<li><a href="#">Element 2</a></li>
  19. 	</ul>
  20.  
  21. </div>
  22.  
  23.  
  24.     </body>
  25. </html>
  26.  
[HTML] pobierz, plaintext


plik css:

[XML] pobierz, plaintext 
  1. /*------------div-------*/
  2. #multi_drop_menus * {	/*wszystkie elementy*/
  3. 	margin:0;				/*usowa domyslne marginesy*/
  4. 	padding:0;
  5. 	}
  6. /*------------div-------*/	
  7. #multi_drop_menus {			/*element div*/
  8. 	/*behavior:url(../lib/js_tools/csshover.htc);*/
  9. 	border:3px solid green;
  10. 	float:left;				/*zmusza element div do otoczenia elementu ul*/
  11. 	}
  12. /*------------nadrzedny ul-------*/	
  13. #multi_drop_menus ul {
  14. 	border:2px solid red;			/*pokazuje kontener*/
  15. 	float:left;				/*zmusza element ul do otoczenia elementu li*/
  16. 	}
  17. /*------------nadrzedny li-------*/	
  18. #multi_drop_menus li {
  19. 	border:2px solid blue;			/*pkazuje kontener*/
  20. 	list-style-type:none;			/*usowa punktory elementow listy*/
  21. 	position:relative;				/*pozycjonowanie tesci zagniedzonej listy ul*/
  22. 	}
  23. /*------------podrzedny ul-------*/	
  24. #multi_drop_menus li ul {
  25. 	position:absolute;
  26. 	width:7em;
  27. 	display:none;				/*ukrywa menu rozwijane - pokazujace sie po najechaniu kursorem*/
  28. 	}
  29. /*------------podrzedny li-------*/	
  30. #multi_drop_menus li ul li {
  31. 	width:100%;
  32. 	}
  33. /*------------podrzedny ul i li schowany-------*/	
  34. #muulti_drop_menus li:hover ul {
  35. 	display:block;				/*pokazuje menu rozwijane, gdy kursor znajdzie sie nadrzednym elementem li*/
  36. 	} 
  37. /*------------blok z linkiem-------*/	
  38. #multi_drop_menus a {
  39. 	display:block;					/*sprawia ze kontener zawierajacy odnosnok przyjmuje odpowiedni rozmiar*/
  40. 	background-color:#DDD;
  41. 	padding:.3em 6px;
  42. 	}
  43. /*------------schowany blok a-------*/	
  44. #multi_drop_menus a:hover {
  45. 	color:#CCC;						/*kolor tekstu po najechaniu kursorem*/
  46. 	background-color:#666;		/*kolor tla po najechaniu kursorem*/
  47. 	}
  48.  
  49.  
  50.  
[XML] pobierz, plaintext


Pozdrawiam
Jacek
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
fizzlebubble
post
Post #2





Grupa: Zarejestrowani
Postów: 272
Pomógł: 28
Dołączył: 13.02.2011

Ostrzeżenie: (0%)
-----

Proszę: http://jsbin.com/ulesuy/1/edit

Ogólnie te komentarze w CSSie bardziej przeszkadzały niż pomagały (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
InosU31
post
Post #3





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

Ostrzeżenie: (0%)
-----

Dziękuje Ci bardzo :-D No dziala w koncu (IMG:style_emoticons/default/yahoo.gif) Musze to teraz przeanalizowac ;-) Przez ten odstep chyba ciezko najechac na podlink. Ten Js jest potrzebny? Pozdrawiam i jeszcze raz dzieki :-)
Go to the top of the page
+Quote Post
fizzlebubble
post
Post #4





Grupa: Zarejestrowani
Postów: 272
Pomógł: 28
Dołączył: 13.02.2011

Ostrzeżenie: (0%)
-----

Musisz to już sobie poustawiać jak Ci wygodnie. Jaki JS? (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
InosU31
post
Post #5





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

Ostrzeżenie: (0%)
----- 

[XML] pobierz, plaintext 
  1.  
  2. $(".first").click(function() {
  3.   $(".second").fadeOut(500);
  4.   )};
[XML] pobierz, plaintext


bez tego tez dziala wiec chyba nie:-)

W koncu bede mogl ruszyc dalej a tym menu:-)
Go to the top of the page
+Quote Post
fizzlebubble
post
Post #6





Grupa: Zarejestrowani
Postów: 272
Pomógł: 28
Dołączył: 13.02.2011

Ostrzeżenie: (0%)
-----

Ups, moje syfy w jsbinie (IMG:style_emoticons/default/tongue.gif) . Sama budowa takiego menu jest banalna, tylko przydatny jest selektor bezpośredniego dziecka ">" (IMG:style_emoticons/default/smile.gif) . Jakbyś dalej miał jakiś problem to służę pomocą.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 14.09.2025 - 20:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn