Responsive help

[Jakubb]

Witajcie. Mam problem z responsywnością. Może ktoś mnie troche nakierować co robie zle i jak to się je...?
Otóż, wpierw stworzyłem strone na wersje desktop: http://jakubweb.pl/web/forest/
style: http://jakubweb.pl/web/forest/style.css
i jest header napisany na wersje mobilna @media (max-width: 800px) and (min-width: 600px)
Ale niektóre rzeczy sie nie zmieniaja, zobaczcnie sami.
A tu jest to samo: http://jakubweb.pl/web/responisveforest/
style: http://jakubweb.pl/web/responisveforest/style.css
tylko ze strona dziala od @media (max-width: 800px) and (min-width: 600px) a reszta dla deskopt jest zakrywa /*...*/
tutaj działa całkiem inaczej, dlaczego tak sie dzieje.
Jeśli możecie dajcie jakieś wskazówki, jak to jest z tym rwd.
Wpierw piszecie na wersje desktop? czy mobile?
A jeśli edytujecie potem na wersje mobil, to zakrywacie tamten cały arkusz na deskopt?
Z góry dzieki bardzo za pomoc

[Arces]

Nie wiem jak u innych, ale u mnie ten szablon leży całkowicie. Wcale nie jest responsywny. Osobiście zaczynam od desktopa, ale później wszystko przekształcam na first mobile. Uczę się jeszcze, żeby pracować właśnie tą metodą, bo po pierwsze jest bardziej optymalna dla użytkownika (mniej CSSa wczytuje się na komórki), a po drugie taki teraz panuje trend. Jeżeli dopiero zaczynasz z RWD, to radziłbym po prostu od desktopa w dół, bo o wiele prościej to zrobić. Musisz poczytać podstawy, bo jak na razie to nie wygląda dobrze na różnych rozdzielczościach.

[Ariels]

Z headera to chyba z nav tylko problem z rwd jest. Byś musiał zrobić to na przycisk albo inaczej ułożyć. W internetach jest pełno poradników jak zrobić takie menu.
W większości przypadków pierw się kodzi mobile później desktop. Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).

[Trix]

[quote="Ariels"]Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).[/quote] Przepraszam bardzo, ale rwd czyli responsywne tworzenie stron nie ma w podstawie tworzenia semantycznych stron, czyli takich, które są łatwiej czytane przez wszelkiego rodzaju boty np. wyszukiwarki firmy Google. Semantyka to nie responsywność. Jednak prawda, odrazu lepiej tworzyć strony semantycznie. Lepsze pozycjonowanie, korzystniejsze wyszukiwanie tematów stron w przypadkach forum itd..

Co do nawigacji to podrzucam prosty poradniczek ;) - [url]http://webroad.pl/html5-css3/678-responsywna-nawigacja[/url]