Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Pozycjonowanie elementów
zbbspuug
post 29.03.2016, 18:05:06
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 29.03.2016

Ostrzeżenie: (0%)
-----


Witam, mam problem z wy pozycjonowaniem elementów znaczników ul li.

https://jsfiddle.net/s6hkkfa5/

Jak zrobić aby po najechaniu na Nav #2, Nav #3, Nav #4 elementy wyświetlały się rozpoczynając od wysokości Nav #1 w dół ?

  1. <style type="text/css">
  2. nav { width: 225px; margin: 0 auto; }
  3. ul { list-style: none; }
  4. ul > li { }
  5. ul > li > ul { display: none; }
  6. ul > li:hover > ul { display: block; float: right; position: relative; }
  7. ul > li > ul > li { }
  8. </style>
  9. </head>
  10. <nav>
  11. <ul>
  12. <li>Nav #1
  13. <ul>
  14. <li>SubNav #1.1</li>
  15. </ul>
  16. </li>
  17. <li>Nav #2
  18. <ul>
  19. <li>SubNav #2.1</li>
  20. <li>SubNav #2.2</li>
  21. </ul>
  22. </li>
  23. <li>Nav #3
  24. <ul>
  25. <li>SubNav #3.1</li>
  26. <li>SubNav #3.2</li>
  27. <li>SubNav #3.3</li>
  28. </ul>
  29. </li>
  30. <li>Nav #4
  31. <ul>
  32. <li>SubNav #4.1</li>
  33. <li>SubNav #4.2</li>
  34. <li>SubNav #4.3</li>
  35. <li>SubNav #4.3</li>
  36. </ul>
  37. </li>
  38. </ul>
  39. </nav>
  40. </body>


Ten post edytował zbbspuug 29.03.2016, 18:05:21
Go to the top of the page
+Quote Post
koodo218
post 29.03.2016, 18:59:28
Post #2





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/koodo218/s6hkkfa5/2/


--------------------
Słaba znajomość (ale się staram): HTML5, CSS3, JavaScript, SQL, Access
Go to the top of the page
+Quote Post
zbbspuug
post 29.03.2016, 19:45:39
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 29.03.2016

Ostrzeżenie: (0%)
-----


A czy jest możliwość ustawić to tak aby nie trzeba było przypisywać stałych wartości "Right" i "Top", tak aby wraz z dodawaniem "<li>" powiększało się tło pod menu ?

https://jsfiddle.net/s6hkkfa5/5/

Ten post edytował zbbspuug 29.03.2016, 20:01:26
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.03.2024 - 11:17