Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> problem z menu rozwijanym - nie rozwija sie :-(
InosU31
post 19.01.2013, 21:58:25
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:

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


plik css:

  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.  


Pozdrawiam
Jacek
Go to the top of the page
+Quote Post
fizzlebubble
post 20.01.2013, 11:49:11
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 20.01.2013, 16:03:42
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 20.01.2013, 16:16:06
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 20.01.2013, 17:32:12
Post #5





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

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


  1.  
  2. $(".first").click(function() {
  3. $(".second").fadeOut(500);
  4. )};


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 20.01.2013, 17:34:45
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

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

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 17:02