Witam mam mały problem mam stronę opartą na skórce joamli no i ro bię w nim menu rozwijane w taki sposób:
HTML:
  1. <div id="nav">
  2. <ul>
  3. <li ><a href="plik.html" >&nbsp;Nowości&nbsp;</a></li>
  4. <li><a href="plik.html" >Ogłoszenia</a>
  5. <ul><li><a href="plik.html">&nbsp;Nowości&nbsp;</a></li></ul>
  6. </li>
  7.  
  8. <li><a href="plik.html">Kontakt</a></li>
  9. <li><a href="plik.html">Księga gości</a></li>
  10. <li><a href="plik.html">&nbsp;&nbsp;&nbsp;Porady Eksperta &nbsp;</a></li>
  11.  
  12.  
  13. </ul>
  14. </div>

CSS:

  1. #nav {
  2. background: url(../images/toolbar_div.jpg) 0 0 no-repeat;
  3. margin: 0;
  4. padding: 0;
  5. height: 30px;
  6. }
  7.  
  8.  
  9. #nav a {
  10. text-transform: uppercase;
  11. font-size: 11px;
  12. color: #fff;
  13. float: left;
  14. text-decoration: none;
  15. display: block;
  16. cursor: pointer;
  17. line-height: 30px;
  18. padding: 0 15px;
  19. }
  20. #nav a.topdaddy,
  21. #nav li a {
  22. background: url(../images/toolbar_div.jpg) 100% 0 no-repeat;
  23. }
  24.  
  25. #nav li a:hover{}
  26. #nav li li a{
  27. background: none;
  28. font-weight: normal;
  29. padding: 0;
  30. text-indent: 15px;
  31. text-transform: uppercase;
  32. color: #939393;
  33. line-height: 30px;
  34. }
  35. #nav ul li ul li a:hover{
  36. background: none;
  37. }
  38. #nav ul li a:hover,
  39. #nav ul li ul li ul li a:hover {
  40. color: #fff;
  41. }
  42. #nav, #nav ul {
  43. float: left;
  44. list-style: none;
  45. margin: 0;
  46. padding: 0;
  47. }
  48.  
  49. /*--------hover tlo--------*/
  50. #nav ul a:hover{
  51.  
  52. background-color:#4b0000;
  53. }
  54. /*---------------------------*/
  55. #nav li li {
  56. padding: 0;
  57. background: none;
  58. border-bottom: 1px solid #590000;
  59. border-top: 1px solid #7e0000;
  60. }
  61. #nav ul ul a {
  62. display: block;
  63. color: #ffffff;
  64. text-decoration: none;
  65. width: 167px;
  66. text-transform: none;
  67. font-size: 11px;
  68. text-align: left;
  69. }
  70. #nav li {
  71. float: left;
  72. padding: 0;
  73. background: none;
  74. height: 30px;
  75. }
  76. #nav ul li {
  77. position: relative;
  78. z-index: 1;
  79. }
  80. #nav li ul {
  81. top: 30px;
  82. position: absolute;
  83. left: -999em;
  84. height: auto;
  85. width: 170px;
  86. font-weight: normal;
  87. border-width: 0;
  88. margin: 0;
  89. padding: 0;
  90. border-right: 1px solid #590000;
  91. border-left: 1px solid #590000;
  92. border-bottom: 1px solid #590000;
  93. border-top: 1px solid #590000;
  94. }
  95. #nav ul {
  96. padding: 0;
  97. margin: 0;
  98. margin-left: 2px;
  99. }
  100. #nav li li {
  101. float: left;
  102. padding: 0;
  103. width: 170px;
  104. }
  105. #nav li ul ul {
  106. margin: -25px 0 0 170px;
  107. }
  108. #nav li:hover ul ul,
  109. #nav li:hover ul ul ul,
  110. #nav li:hover ul ul ul ul,
  111. #nav li.sfhover ul ul,
  112. #nav li.sfhover ul ul ul,
  113. #nav li.sfhover ul ul ul ul {
  114. left: -999em;
  115. }
  116. #nav li:hover ul,
  117. #nav li li:hover ul,
  118. #nav li li li:hover ul,
  119. #nav li li li li:hover ul,
  120. #nav li.sfhover ul,
  121. #nav li li.sfhover ul,
  122. #nav li li li.sfhover ul,
  123. #nav li li li li.sfhover ul{
  124. z-index: 100;
  125. left: 0;
  126. }
  127. #nav li:hover, #nav li.sfhover {
  128. left: 0;
  129. background-color: #4b0000;
  130.  
  131. }
  132.  
  133. ul#mainlevel-nav li a:hover
  134. {
  135. color: #fff;
  136. background: #c64934;
  137. }
  138.  
  139.  
  140. #nav li:hover a, #nav li.sfhover a {
  141. color: #fff;
  142. }
  143. #nav li li:hover a, #nav li li.sfhover a {
  144. color: #fff;
  145. }
  146. #nav li li:hover a:hover, #nav li li.sfhover a:hover {
  147. color: #fff;
  148. }
  149. #nav ul ul a {
  150. background: none;
  151. }
  152. #nav li.active {}
  153. #nav li li.active {
  154. background: none;
  155. }
  156. #nav li:hover ul,
  157. #nav li li:hover ul,
  158. #nav li li li:hover ul,
  159. #nav li li li li:hover ul,
  160. #nav li.sfhover ul,
  161. #nav li li.sfhover ul,
  162. #nav li li li.sfhover ul,
  163. #nav li li li li.sfhover ul{
  164. background: #6c0000;
  165.  
  166. }


No i wszystko działa ok tylko nie pod IE 6 więc znalazłem taki skrypcik oby w IE 6 działało:
  1. <script type="text/javascript">
  2. <!--//--><![CDATA[//><!--
  3.  
  4. sfHover = function() {
  5. var sfEls = document.getElementById("nav").getElementsByTagName("LI");
  6. for (var i=0; i<sfEls.length; i++) {
  7. sfEls[i].onmouseover=function() {
  8. this.className+=" sfhover";
  9. }
  10. sfEls[i].onmouseout=function() {
  11. this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  12. }
  13. }
  14. }
  15. if (window.attachEvent) window.attachEvent("onload", sfHover);
  16.  
  17. //--><!]]>

No i teraz zaczęły się jaja o ile w IE 6 się rozwija to zarówno w IE 6 i w IE 7 jak raz najedzie się na menu to kolor zostaje i jak się rozwinie to nie chce się zwinąć a co najciekawsze znalazłem inne strony oparte na tej samej skórce i u nich ten sam kod działa bez zarzutu?

ok problem rozwiązany można temat wywalić albo może komuś się przyda powyższy kod działa tylko że dodawałem ten kod przez php i zapomniałem zamienić
  1. <?php
  2. echo'this.className=this.className.replace(new RegExp(" sfhoverb"), "");';
  3. //na
  4. echo'this.className=this.className.replace(new RegExp(" sfhoverb"), "");';
  5. ?>