ROZWIĄZANY: rozwijane menu chowa się pod cześć skina

[+matius]

Witam

Jak gdzieś tam wcześniej pisałem wrzuciłem sobie do skina rozwijane menu via css (link) dodałem samo w css bo inne z js mi nie działały :<

wszystko było cacy na głównej stronie forum ale zobaczyłem błąd dopiero jak wszedłem do jakiegoś tematu i najechałem na menu. Chowa mi się ono pod posta i jest error :'(

przykłady na ss:

a tutaj na stronie głównej jest w porządku:

teraz nie wiem czy jest na to jakaś rada?, czy co najlepiej zrobić aby takie menu było i żeby dobrze działało.

@edit dodam jeszcze że kod html dodałem do bitu defaultHeader a css do ipb_styles.css

Edytowane 27 Grudnia 2009 przez +matius

[+matius]

ok albo inaczej bo widzę nikt nie wie :<

jak zrobić aby czytało js odnośniehttp://vivee.info/2008/12/24/rozwijane-menu-na-szybko/ bo wklejając treść odnośnie js nad struktura <ul> / <li> nie działa js

[DawPi]

Jaki kod .js nie działa? Musi działać. Pokaż, co wklejasz dokładnie.

[+matius]

do defaultHeader dodaje to:

<link href="css/menu-style.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/dropdown.css" media="all" rel="stylesheet" type="text/css" />
       <!--[if lt IE 7]>
               <script type="text/javascript" src="js/jquery.js"></script>
               <script type="text/javascript" src="js/jquery.dropdown.js"></script>
       <![endif]-->

<ul id="navi" class="dropdown dropdown-horizontal">
       <li><a href="#">Aktualności</a>
               <ul>
                       <li><a href="#">Polska</a></li>
                       <li><a href="#">Świat</a></li>
               </ul>
       </li>
       <li><a href="#">Tutoriale</a>
               <ul>
                       <li><a href="#">Webdesign</a></li>
                       <li><a href="#">Css</a></li>
                       <li><a href="#">Fotografie</a></li>
                       <li><a href="#">jquery</a></li>
               </ul>
       </li>
       <li><a href="#">Inspiracje</a>
               <ul>
                       <li><a href="#">ikony</a></li>
                       <li><a href="#">strony</a></li>
               </ul>
       </li>
</ul>

do Ipb_styles.css

* {
       padding:0;
       margin:0;
       }

#navi {
       font:11px verdana, arial, sans;
       background:#252525;
}

#navi li a {
       display:block;
       color:white;
       text-decoration:none;
       border-right:1px #4c4c4c solid;
       padding:10px 20px;
}

#navi li a:hover,#navi li a.hover  {
       background:#00ccff;
}

#navi li ul {
       background:#4d4d4d;
}

#navi li li a {
       width:150px;
       border:0;
       background:#4d4d4d;
}

#navi li li a:hover {
       background:#7b7b7b;
}

a pliki .js (jquery.js i jquery.dropdown.js ) dodaje do /public/js/js/

[DawPi]

Z .js jest o tyle problem, że nie znam się zbyt na nim. Tutaj jeszcze kwestia bardziej stylistyczna niż kodu, więc obawiam się, ale będziesz musiał poszukać w wyszukiwarce podobnych problemów na innych stronach o .js i ogólnie stylowaniu stron.

[+matius]

hmm a dodanie jakoś jakiegoś kodu do szablonu bitu includeJS co pomoże ? i ewentualnie jak tam dobrze wpisać? bo moje kombinacje nie działają

[DawPi]

<script type="text/javascript" src="js/jquery.js"></script>

a pliki .js (jquery.js i jquery.dropdown.js ) dodaje do /public/js/js/

Jak ma Ci to działać?

Wrzuć te pliki testowo do nowego folderu js/ w głównym katalogu forum i sprawdź. Jak pomoże to wyczyścimy i poprawimy ten kod (odnośniki).

[+matius]

w sumie to wgrałem Globalne Wiadomości (moda) i teraz już nie sięga do pola postu i nie będzie zasłonięte pierwotne rozwiązanie na samych css. A wiec myślę że można uznać za rozwiązane. Dzięki za chęć pomocy

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.