Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ [css] Problem z rozplanowaniem menu na elementach <li>

Napisany przez: starterrrrr 14.05.2018, 10:22:25

Witam.

W kontenerze <DIV> posiadam elementy <LI> z którymi nie mogę sobie poradzić,


  1. <http://december.com/html/4/element/div.html class="menu_nawigacja">
  2. <http://december.com/html/4/element/ul.html class="p_1 menu_nawigacja">
  3.  
  4. <http://december.com/html/4/element/li.html class="p_1"><http://december.com/html/4/element/a.html>Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  5. <http://december.com/html/4/element/li.html class="p_1"><http://december.com/html/4/element/a.html>Opcja menu</http://december.com/html/4/element/a.html>
  6. <http://december.com/html/4/element/ul.html class="p_2 worek_podkat">
  7. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  8. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  9. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  10. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  11. </http://december.com/html/4/element/ul.html>
  12. </http://december.com/html/4/element/li.html>
  13. <http://december.com/html/4/element/li.html class="p_1"><http://december.com/html/4/element/a.html>Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  14. <http://december.com/html/4/element/li.html class="p_1"><http://december.com/html/4/element/a.html>Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  15. <http://december.com/html/4/element/li.html class="p_1"><http://december.com/html/4/element/a.html>Opcja menu</http://december.com/html/4/element/a.html>
  16. <http://december.com/html/4/element/ul.html class="p_2 worek_podkat">
  17. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  18. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  19. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  20. <http://december.com/html/4/element/li.html class="p_2"><http://december.com/html/4/element/a.html>Głębsza Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  21. </http://december.com/html/4/element/ul.html>
  22. </http://december.com/html/4/element/li.html>
  23. <http://december.com/html/4/element/li.html class="p_1"><http://december.com/html/4/element/a.html>Opcja menu</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  24.  
  25. </http://december.com/html/4/element/ul.html>
  26. </http://december.com/html/4/element/div.html>


Element .menu_nawigacja ma maksymalnie wysokośc 300px, szerokośc dynamicznie poprzez jquery narzucana zaleznie od szerokoścvi ekranu -300px.

Jak proponujecioe ułożyć to menu, żeby łądnie się rozkładało na tej wysokości 300px. Mam z tym duży problem.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)