Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> 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
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 tongue.gif


--------------------
Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
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 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? tongue.gif


--------------------
Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
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 tongue.gif. Sama budowa takiego menu jest banalna, tylko przydatny jest selektor bezpośredniego dziecka ">" smile.gif. Jakbyś dalej miał jakiś problem to służę pomocą.


--------------------
Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

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