Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Mobilne menu
mrk9109
post 25.11.2018, 10:31:08
Post #1





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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


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. }


Ten post edytował mrk9109 25.11.2018, 10:31:58
Go to the top of the page
+Quote Post
Lord
post 28.11.2018, 14:48:49
Post #2





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

Ostrzeżenie: (10%)
X----


  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
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: 25.04.2024 - 16:18