Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z display
Forum PHP.pl > Forum > Przedszkole
matti9410
Witam mam problem z rozwijanym menu problem wygląda następująco

a po wejściu w menu robi się coś takiego


Kod css

  1. ol {
  2. list-style-type:none;
  3. }
  4.  
  5. ol a {
  6. text-decoration:none;
  7. }
  8.  
  9. ol > li {
  10. float:right;
  11. width: 80px;
  12. white-space: nowrap;
  13. font-size: 17px;
  14. text-align: center;
  15. margin-top: 20px;
  16. }
  17.  
  18. ol > li:first-child {
  19. margin-left:0;
  20. }
  21.  
  22. /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
  23. ol > li:hover > ul {
  24. display:block;
  25. }
  26.  
  27. ol > li > ul {
  28. position: relative;
  29. width: 130px;
  30. top: 6px;
  31. left: 10px;
  32. display:none;
  33. font-size: 15px;
  34. list-style-type:none;
  35. background: #fff;
  36. text-align: left;
  37. padding: 0 0 5px 5px;
  38. box-shadow: 0 2px 2px 1px #f1f1f1;
  39. }
  40.  
  41. ol > li > ul > li {
  42. position:relative;
  43. }
  44.  
  45. li :hover{
  46. color: #444;
  47. }


Chciałbym aby menu które się wysuwa nie zmieniało pozycji tekstu. Z góry dziękuję smile.gif
Damonsson
poczytaj o:
  1. position: absolute;
matti9410
Dzieki działa wink.gif
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.