Webboard

Pełna wersja: RWD Problem z top barem
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Cześć.

Mam pewien problem. Otóż nie mogę wykonać top baru zgodnego z RWD. Zrobiłem top bar, który będzie się pojawiał na monitorach lecz teraz został mi top bar, który będzie się wyświetlał na tabletach i telefonach.

Kod:
kod usunięty

Kod:
kod usunięty

Mógłby ktoś mnie nakierować ? Pierwszy raz się w to bawię i nie chcę nic popsuć :/

Dziękuję za pomoc i życzę miłego dnia.
Daj pełny kod (a najlepiej podgląd) i wytłumacz z czym dokładnie masz problem. Obecnie nie mam pojęcia o co chodzi. Chcesz mieć 2 topbary na 2 oddzielne urządzenia? W RWD chodzi między innymi o to, aby nie tworzyć 2 oddzielnych layoutów do tego samego. Dany element ma się dostosowywać do rozdzielczości.
(04.12.2017, 14:27)Divir napisał(a): [ -> ]Daj pełny kod (a najlepiej podgląd) i wytłumacz z czym dokładnie masz problem. Obecnie nie mam pojęcia o co chodzi. Chcesz mieć 2 topbary na 2 oddzielne urządzenia? W RWD chodzi między innymi o to, aby nie tworzyć 2 oddzielnych layoutów do tego samego. Dany element ma się dostosowywać do rozdzielczości.

Jak mam coś takiego wykonać ? Posiadam top bar z elementami "ul, li, li a" dałem ul na width: 100%; oraz li a jako background. Chciałbym zrobić że po kliknięciu danego elementu pokazują się dane elementy pod sobą.
(04.12.2017, 18:07)Divir napisał(a): [ -> ]https://www.w3schools.com/howto/howto_js...onsive.asp

Dzięki uporałem się. Został jeszcze jeden problem. W jaki sposób mogę skalować obrazek ? Żeby co większą rozdzielczość się zmniejszał ?