Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Menu Dynamiczne
Forum PHP.pl > Forum > Przedszkole
Beniooo
Witam, mam pewien problem.
Otóż gdy otworze jedną komórkę z podmenu, pozostałe obniżają się, nie wiem jak na to zaradzić...
Skrypt:
  1. <tr>
  2. <td>
  3. <dl id="menu0">
  4. <dt>Nagłówek 1</dt>
  5. <dd>Element 1.1</dd>
  6. <dd>Element 1.2</dd>
  7. <dd>Element 1.3</dd>
  8. </dl>
  9. </td>
  10. <td>
  11. <dl id="menu1">
  12. <dt>Nagłówek 2</dt>
  13. <dd>Element 2.1</dd>
  14. <dd>Element 2.2</dd>
  15. <dd>Element 2.3</dd>
  16. </td>
  17. <td>
  18. <dl id="menu2">
  19. <dt>Nagłówek 3</dt>
  20. <dd>Element 3.1</dd>
  21. <dd>Element 3.2</dd>
  22. <dd>Element 3.3</dd>
  23. </dl>
  24. </td>
  25. </tr>
  26. <script type="text/javascript">
  27. // <![CDATA[
  28. new Menu('menu0');
  29. // ]]>
  30. <script type="text/javascript">
  31. // <![CDATA[
  32. new Menu('menu1');
  33. // ]]>
  34. <script type="text/javascript">
  35. // <![CDATA[
  36. new Menu('menu2');
  37. // ]]>
lobopol
Niby jak z czegoś takiego mamy cokolwiek wywnioskować? Co robi new Menu? Jaki jest kod js/css. Pokaż całość online albo na jsfiddle.
Beniooo
Ojć sorki, zapomniałem o tym, stronka jest na Tu
js jest naa Tej stronie
lobopol
jeżeli nic nie ma być pod spodem to dodaj elementom td
  1. vertical-align: top

Jeżeli będzie miało coś być pod spodem To zrób to inaczej zrób zamiast dt i dd i całej tej tabelki

  1. <ul>
  2. <li>pierwsze menu
  3. <ul>
  4. <li>ukryte</li>
  5. <li>ukryte</li>
  6. <li>ukryte</li>
  7. </ul>
  8. </li>
  9. <li>drugie menu
  10. <ul>
  11. <li>ukryte</li>
  12. <li>ukryte</li>
  13. <li>ukryte</li>
  14. </ul>
  15. </li>
  16.  
  17. </ul>


Ostyluj sobie (nie napiszę ci kodu bo co to za nauka) Pierwszy poziom li aby wyświetlały się poziomo i miały position: relative, ul w ul aby było ukryte i miało position: absolute (z odpowiednim topem/leftem) i pokazuj je na kliku.
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.