Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Menu rozwijane.
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
S21
Witam. Mam problem z menu rozwijanym tzn jak mające kursorem to znika. Nie wiem co jest w kodzie zle. Forum z menu to http://silenthunter.pl



  1. <!-- HEADER begin -->
  2. <div id="header">
  3. <div id="header00">
  4. <object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/logo.swf" width="982" height="195" align="center">
  5. <param name="movie" value="{T_THEME_PATH}/images/logo.swf">
  6. </object>
  7. </div>
  8. <div id="header01"></div>
  9. <div id="header02">
  10. <div id="header02-a">
  11. <a class="dwk" href="{U_INDEX}">{L_INDEX}</a>
  12. <!-- IF S_USER_LOGGED_IN -->
  13.  
  14. <ul class="sf-menu" id="example">
  15. <li class="current">
  16. <a class="dwk" href="#a">Mapy SHPD 1st</a>
  17. <ul>
  18. <li class="current bgd">
  19. <a href="#ab" class="first_child">Zamknięte<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  20. <ul>
  21. <li class="current "><a href="http://www.worldoftanksguide.com/maps/map-himmelsdorf-1.jpg" class="first_child">Himmelsdorf</a></li>
  22. </ul>
  23. </li>
  24. <li class=" bgd ">
  25. <a href="#">Otwarte<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  26. <ul>
  27. <li><a href="http://www.worldoftanksguide.com/maps/map-el-halluf-1.jpg" class="first_child">El Halluf</a></li>
  28. <li><a href="http://www.worldoftanksguide.com/maps/map-erlenberg-1.jpg">Erlenberg</a></li>
  29. <li><a href="http://www.worldoftanksguide.com/maps/map-fishermans-bay-1.jpg">Zatoka Rybacka</a></li>
  30. <li><a href="http://www.worldoftanksguide.com/maps/map-karelia-1.jpg">Karelia</a></li>
  31. <li><a href="http://www.worldoftanksguide.com/maps/map-komarin-1.jp">Komariny</a></li>
  32. <li><a href="http://www.worldoftanksguide.com/maps/map-malinovka-1.jpg">Malinovka</a></li>
  33. <li><a href="http://www.worldoftanksguide.com/maps/map-murovanka-1.jpg">Murovankay</a></li>
  34. <li><a href="http://www.worldoftanksguide.com/maps/map-prokhorovka-1.jpg">Prokhorovka</a></li>
  35. <li><a href="http://www.worldoftanksguide.com/maps/map-redshire-1.jp">Redshirey</a></li>
  36. <li><a href="http://www.worldoftanksguide.com/maps/map-sand-river-1.jp">Sand River</a></li>
  37. <li><a href="http://www.worldoftanksguide.com/maps/map-steppes-1.jpg">Steppes</a></li>
  38. <li><a href="http://img.burning-brushes.pl/?v=swamp.jpg">Bagno</a></li>
  39. <li><a href="http://www.worldoftanksguide.com/maps/map-westfield-1.jpg">Westfield</a></li>
  40. <li><a href="http://imageshack.us/a/img41/3119/dragonridge.jpg">Smocza Grań</a></li>
  41. </ul>
  42. </li>
  43. <li class=" bgd">
  44. <a href="#">Mieszane<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  45. <ul>
  46. <li><a href="http://www.worldoftanksguide.com/maps/map-abbey-1.jpg" class="first_child">Abbey</a></li>
  47. <li><a href="http://www.worldoftanksguide.com/maps/map-arctic-region-1.jpg">Region Arktyczny</a></li>
  48. <li><a href="http://www.worldoftanksguide.com/maps/map-cliff-1.jpg">Cliff</a></li>
  49. <li><a href="http://www.worldoftanksguide.com/maps/map-ensk-1.jpg">Ensk</a></li>
  50. <li><a href="http://www.worldoftanksguide.com/maps/map-fjords-1.jp">Fjordy</a></li>
  51. <li><a href="http://www.worldoftanksguide.com/maps/map-lakeville-1.jpg">Lakeville</a></li>
  52. <li><a href="http://www.worldoftanksguide.com/maps/map-mines-1.jpg">Mines</a></li>
  53. <li><a href="http://www.worldoftanksguide.com/maps/map-mountain-pass-1.jpg">Przełęcz</a></li>
  54. <li><a href="http://www.worldoftanksguide.com/maps/map-ruinberg-1.jpg">Ruinberg</a></li>
  55. <li><a href="http://www.worldoftanksguide.com/maps/map-siegfried-line-1.jpg">Siegfried</a></li>
  56. </ul>
  57. </li>
  58. </ul>
  59. </li>
  60. </ul>
  61.  
  62. <a class="dwk" href="{U_PROFILE}">Profil</a>
  63. <a class="dwk" href="http://www.silenthunter.pl/portal.php">PORTAL</a>
  64.  
  65.  
  66. <ul class="sf-menu" id="example">
  67. <li class="current">
  68. <a class="dwk" href="#a">Pobierz</a>
  69. <ul>
  70. <li class="current bgd">
  71. <a href="http://silenthunter.pl/pobierz2/" class="first_child">Mody <font color="red">SHPD 1ST</font><img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  72. <ul>
  73.  
  74. </ul>
  75. </li>
  76. <li class=" bgd ">
  77. <a href="http://silenthunter.pl/pobierz/">Mody SH3<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  78. <ul>
  79.  
  80.  
  81. </li>
  82. </ul>
  83. <!-- ENDIF -->
  84. </div>
ShadowD
1. Na stronie jaką podałeś nie ma danego kodu, co się z nim stało?
2. W sieci na prawdę jest wiele tutków do robienia menu.
3. Masz zainstalowanego firebuga?
com
@up
12 linijka <!-- IF S_USER_LOGGED_IN -->
menu dostepne tylko dla zalogowanych wink.gif
ShadowD
No to może wypadało by go udostępnić dla każdego? A jeśli nie to chociaż udostępnić jakieś dane do logowania...
S21
Menu pobierz podaje testowe konto : pawel21 hasło : test1122

Chodzi dokładnie o ta linijke :
  1. <ul class="sf-menu" id="example">
  2. <li class="current">
  3. <a class="dwk" href="#a">Pobierz</a>
  4. <ul>
  5. <li class="current bgd">
  6. <a href="http://silenthunter.pl/pobierz2/" class="first_child">Mody <font color="red">SHPD 1ST</font><img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  7. <ul>
  8.  
  9. </ul>
  10. </li>
  11. <li class=" bgd ">
  12. <a href="http://silenthunter.pl/pobierz/">Mody SH3<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
  13. <ul>
  14.  
  15.  
  16. </li>
  17. </ul>
  18. <!-- ENDIF -->


Moze inne id trzeba dać ?

Na smartphonie nie znika a na pc tak?
ShadowD
U mnie całość działa, a u Ciebie może być problem taki:

Gdy najdziesz na "mapy shpd" menu się rozwija, i zanim znów najdziesz na pole z rozwiniętym menu to pomiędzy 1 a 2 elementem masz wolną przestrzeń, która jest traktowana tak jak byś zjechał kursorem z menu - więc znika. Spróbuj bardzo szybko przenieść kursor z opisy "mapy shpd" na rozwiniętą listę.

Rozwiązanie jest dość proste, musisz powiększyć pole aktywne dla przycisków, najlepiej menu tworzyć na listach a w środku a, li powinno nie zawierać deklaracje nt. wysokości elementu (i szerokości jeśli nie jest to wymagane też), a rozciągać powinieneś je a, dodaj style dla a display:block i padding (nie margin), a samo ul niech ma wysokość całego menu, a <a> padding taki by umieścić tekst równo na środku i rozepchnąć li tak by pokrywało taką samą wysokość jak ul.

Mam nadzieję że dasz radę ogarnąć co napisałem. tongue.gif Ew. popatrz sobie firebugiem na kod menu po lewej na http://cmsss.pl, tam a jest tak duże jak cały przycisk, a li jest jedynie takim kontenerem który posiada margin by oddalić go od innych elementów menu.
S21
Nie trybie ani w ząb. Najlepiej mi to rozpisz jak możesz ?

Osobiście tego sam nie robiłem kumpel. Ja tylko skopiowalem z pierwszego menu i dodalem linki smile.gif
ShadowD
http://d.pr/i/o7ko

Zaznaczyłem Ci obszary aktywne menu, po zjechaniu z których menu się schowa, a jak próbujesz przejść z zakładki już na listę to masz właśnie taki pusty obszar.

Ps. pod jaką przeglądarką masz ten problem? I ZAINSTALUJ SOBIE FIREBUGA JAK KORZYSTASZ Z FF!!
S21
FF ale Mapy SHPD nie znika mi?
ShadowD
Może jeszcze raz opisz problem...
S21
Problem jest w sekcji menu pobierz?

Hm.... Mapy SHPD działają super tylko Pobierz mi sie chowa. Mylę ze złe skopiowalem kod i uciolem sekcje kodu.
ShadowD
Tak jak pisałem wcześniej jest dziura pomiędzy przyciskiem a listą gdzie jak wpada kursor menu się chowa (tak jak zjechał byś całkowicie z menu).

Firebug i popatrz sobie jak to wygląda (zaznacza Ci na niebiesko granice elementu).

Ps. w MAPAC nie ma tego problemu bo korzystasz z innego kodu który ma opóźnienie z chowaniem (z wyświetlaniem też) i dlatego dajesz radę przejechać tak szybko kursorem.
S21
Ja to myśle ze cos za dużo uciolem. Ale sprawdze jutro fire bugiem smile.gif

To jak mam to teraz opóźnić ?
ShadowD
Po 1 polecam kurs html i css. Po dwa nie korzystaj z 2 innych kodów do menu lub sprawdź czy przekopiowałeś całość. Po trzecie jak się nie znasz i nie chcesz namieszać to lepiej dać komuś na piwo...

Nawet jeśli zrobisz opóźnienie to masz poważny problem z dziurą pomiędzy menu a listąexclamation.gif To tam należy szukać problemu w pierwszej kolejności, a w drugiej dopiero dochodzić co jest nie tak z prędkością rozwijania.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.