Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Warswty problem
daniel1302
post
Post #1





Grupa: Zarejestrowani
Postów: 602
Pomógł: 30
Dołączył: 1.08.2007
Skąd: Nowy Sącz

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


Witam, mam taki kod

  1. <div id="topmenu">
  2. <ul>
  3. <li><a href="?page=calc" class="down_submenu">Kalkulator</a>
  4. <ul>
  5. <li>Link 1</li>
  6. <li>Link2</li>
  7. </ul>
  8. </li>
  9. <li class="separator">&nbsp;</li>
  10. <li>Zakładka 1</li>
  11. <li class="separator">&nbsp;</li>
  12. <li>Zakładka 2</li>
  13. <li class="separator">&nbsp;</li>
  14. <li>Zakładka 3</li>
  15. <li class="separator">&nbsp;</li>
  16. <li>Zakładka 4</li>
  17. <li class="separator">&nbsp;</li>
  18. <li>Zakładka 5</li>
  19. </ul>
  20. </div>


  1. /*TOP MENU */
  2. div#topmenu
  3. {
  4. width: 780px;
  5. height: 29px;
  6. float: LEFT;
  7. background: #212121;
  8. color: #ffffff;
  9. overflow: hidden;
  10. }
  11. /*TOP Menu*/
  12. div#topmenu ul
  13. {
  14. list-style: none;
  15. margin-top: 7px;
  16. padding-LEFT: 190px;
  17. }
  18. div#topmenu ul li
  19. {
  20. display: inline;
  21. color: #eeeeee;
  22. padding: 0px 5px 0px 5px;
  23. position: relative;
  24. }
  25. div#topmenu ul li ul
  26. {
  27. position: absolute;
  28. }
  29.  
  30. div#topmenu li a
  31. {
  32. color: #ffffff;
  33. }
  34.  
  35.  
  36. .separator
  37. {
  38. background-image: url('images/menu-separator.gif');
  39. background-repeat: no-repeat;
  40. width: 3px;
  41. height: 20px;
  42. }
  43.  


I mam taki problem, jeśli rozwinę sobie submenu-Kalkulator to niewidzę zawartości, znika za pomocą overflow: hidden.
Jak moge przesunąć ją na wierch
Go to the top of the page
+Quote Post
Kildyt
post
Post #2





Grupa: Zarejestrowani
Postów: 869
Pomógł: 53
Dołączył: 20.10.2003
Skąd: Przeworsk

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


Napisz co chcesz dokładnie osiągnąć, podaj link do przykładu. Kod jest trochę niezrozumiały. Raz position relative, raz absolute.
Go to the top of the page
+Quote Post
wookieb
post
Post #3





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Wywal overflow: hidden i zastosuj trick z clear: both (mam nadzieję, że kojarzysz)
Albo ustaw wysokość na sztywno.
Go to the top of the page
+Quote Post
daniel1302
post
Post #4





Grupa: Zarejestrowani
Postów: 602
Pomógł: 30
Dołączył: 1.08.2007
Skąd: Nowy Sącz

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


Ale teraz jeśli rozwinę to sub menu to go niewidać, bo wysokość menu ustawiłem na 29px; i jak mam zrobić aby submenu rozwijało się "na menu" czyli aby menu zostało z tyłu za submenu
Go to the top of the page
+Quote Post
Blame
post
Post #5





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

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


O to ci chodzi? http://www.kurshtml.boo.pl/css/nakladanie,...cjonowanie.html
Go to the top of the page
+Quote Post
daniel1302
post
Post #6





Grupa: Zarejestrowani
Postów: 602
Pomógł: 30
Dołączył: 1.08.2007
Skąd: Nowy Sącz

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


Teraz gdy zmieniłem wysokość div#topmenu na 50px to coś takiego jest:
(IMG:http://img205.imageshack.us/img205/2511/beztytuusu.jpg)

I jeśli zmienię spowrotem na 29px to nie widzę napisu
  1. <ul>
  2. <li>Link 1</li>
  3. <li>Link2</li>
  4. </ul>

i co mam zrobić aby to przesunąć do przodu(aby to było widoczne a szerokośc czarnego menu się nie zmieniła/
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 05:14