Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP]Problem z submenu
Forum PHP.pl > Forum > Przedszkole
Poczatkujacy_Web
Witam

mam problem z menu, chodzi o to że:

mam menu z rozwijanymi elementami, gdy nie wchodzi się w żadną stronę rozwinięta jest ok, lecz po wejściu w jakikolwiek element submenu jeden z elementow tegoż menu wchodzi na drugi, dodam iż strona stoi na wordpress.

Może ktoś z Was borykał się już z takim problemem lub jest w stanie mi pomóc na co liczę.

link do strony
http://skrobala.linuxpl.info/rm/

kod css menu
  1. .menu{
  2. border:none;
  3. border:0px;
  4. z-index:999;
  5. margin:0px;
  6. padding:0px;
  7. font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  8. font-size:15px;
  9. font-weight:bold;
  10. }
  11. .menu ul{
  12.  
  13. height:50px;
  14. width:600px;
  15. list-style:none;
  16. margin:0;
  17. z-index:999;
  18. padding: 0 0 0 30px;
  19.  
  20.  
  21. }
  22. .menu li{
  23. float:left;
  24. background:white;
  25. width:auto;
  26. z-index:999;
  27. -webkit-border-radius: 6px 6px 0 0;
  28. -moz-border-radius: 6px 6px 0 0;
  29. border-radius: 6px 6px 0 0;
  30. margin-left: 3px;
  31. }
  32.  
  33. .menu li.current-menu-item{
  34. float:left;
  35. background:#d95b33;
  36. width:auto;
  37. z-index:999;
  38. -webkit-border-radius: 6px 6px 0 0;
  39. -moz-border-radius: 6px 6px 0 0;
  40. border-radius: 6px 6px 0 0;
  41. margin-left: 5px;
  42. }
  43.  
  44. .menu li a{
  45. color:#000;
  46. display:block;
  47. font-weight:normal;
  48. line-height:50px;
  49. margin:0px;
  50. z-index:999;
  51. padding: 0px 10px 0 10px;
  52. text-align:center;
  53. text-decoration:none;
  54. }
  55. .menu li a:hover{
  56.  
  57. color:#FFFFFF;
  58. -webkit-border-radius: 6px 6px 0 0;
  59. -moz-border-radius: 6px 6px 0 0;
  60. border-radius: 6px 6px 0 0;
  61. z-index:999;
  62. text-decoration:none;
  63.  
  64. }
  65. .menu ul li:hover a{
  66. background:#d95b33;
  67. color:#FFFFFF;
  68. z-index:999;
  69. -webkit-border-radius: 6px 6px 0 0;
  70. -moz-border-radius: 6px 6px 0 0;
  71. border-radius: 6px 6px 0 0;
  72. text-decoration:none;
  73. }
  74. .menu li ul{
  75. display:none;
  76. height:auto;
  77. padding:0px;
  78. z-index:999;
  79. margin:0px;
  80. border:0px;
  81. position:absolute;
  82. width:200px;
  83. z-index:200;
  84. }
  85. .menu li:hover ul{
  86. display:block;
  87. z-index:999;
  88. }
  89. .menu li li {
  90. display:block;
  91. z-index:999;
  92. float:none;
  93. margin-left:0px;
  94.  
  95. padding:0px;
  96. width:200px;
  97. background:#d95b33;
  98. -webkit-border-radius: 0px 0px 0 0;
  99. -moz-border-radius: 0px 0px 0 0;
  100. border-radius: 0px 0px 0 0;
  101.  
  102. /*this is where the rounded corners for the dropdown disappears*/
  103. }
  104. .menu li:hover li a{
  105. background:none;
  106. }
  107. .menu li ul a{
  108. display:block;
  109. height:50px;
  110. font-size:12px;
  111. z-index:999;
  112. font-style:normal;
  113. margin:0px;
  114. padding:0px 10px 0px 15px;
  115.  
  116. text-align:left;
  117. }
  118. .menu li ul a:hover, {
  119. border:0px;
  120. color:#ffffff;
  121. z-index:999;
  122. text-decoration:none;
  123. background:#e8874f;
  124.  
  125. }
  126.  
  127. .menu li ul li:hover a {
  128. background-color:#e8874f;
  129. z-index:999;
  130. -webkit-border-radius: 0px 0px 0 0;
  131. -moz-border-radius: 0px 0px 0 0;
  132. border-radius: 0px 0px 0 0;
  133. }
  134.  



Podejżewam ten element css

  1. .menu li.current-menu-item{
  2. float:left;
  3. background:#d95b33;
  4. width:auto;
  5. z-index:999;
  6. -webkit-border-radius: 6px 6px 0 0;
  7. -moz-border-radius: 6px 6px 0 0;
  8. border-radius: 6px 6px 0 0;
  9. margin-left: 5px;
  10. }


odpowiada on za to aby wordpress dodał go do aktywnego elementu menu, tylko co zrobić aby dla submenu tego nie dodawał?

z góry dziękuje za wszelkie sugestie

ktoś jest w stanie mi pomóc?
memory
current-menu-parent nie current-menu-item
Poczatkujacy_Web
Cytat(memory @ 1.07.2013, 21:32:27 ) *
current-menu-parent nie current-menu-item


owszem działa, ale w przypadku jeśli rodzic ma dzieci - jeśli ich nie ma, niestety nie działa w sposób taki jaki bym oczekiwał , poprostu nie dodaje tej klasy. W jaki sposób zmodyfikować to aby działało to w obu przypadkach?

Pomoże ktoś?
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-2025 Invision Power Services, Inc.