Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Mobilne menu
Forum PHP.pl > Forum > Przedszkole
mrk9109
Witam otóż mam problem z mobilny menu pobawiłem się trochę by go zrobić i gdy testuje na pc jest wszystko oki a gdy już na telefonie to zamiast listę pokazywać się pod dołem to wywalą mi ją na bok całkiem . Wychodzi po za 320 pixeli


  1. #menu-button
  2. {
  3. position: absolute;
  4. top: 180px;
  5. left: 320px;
  6. display: block;
  7. background: url("../images/menu_ikona.png") no-repeat;
  8. height: 40px;
  9. width: 40px;
  10. border: 0;
  11. }
  12. #menu
  13. {
  14. position: absolute;
  15. display: none;
  16. font-size: 24px;
  17. font-family: MyriadPro-Cond;
  18. top: 240px;
  19. background: #0e0e0e;
  20. }
  21. #menu li
  22. {
  23. display: block;
  24. text-align: center;
  25. min-width: 100%;
  26. margin-bottom: 5px;
  27. }
Lord
  1. #menu-button
  2. {
  3. position: absolute;
  4. top: 180px;
  5. left: 320px;
  6. display: block;
  7. background: url("../images/menu_ikona.png") no-repeat;
  8. height: 40px;
  9. width: 40px;
  10. border: 0;
  11. }


opcja left mówi nam, że coś ma być przesunięte o 320px w jakimś tagu (ten który ma position: relative), to oznacza że na 100% w rozdzielczośći będzie poza obszarem 320px. Przydałby się jakiś kod html do tego smile.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.