Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

RWD

Założony przez  szymex71.

Ostatnio zabrałem się za przerabianie mojej strony by była jeszcze "bardziej responsywna". Bo generalnie niby jest dobrze, nic nie ucina, ale to jeszcze nie jest to.

Przede wszystkim czemu nie zmniejszają się działy. Nie wiem jak to powiedzieć, najłatwiej sprawdzić przez zbadaj element i zmniejszając stronę. 
Do 1000px (lecąc w dół) wszystko ładnie się przemieszcza. Od 1000px sidebar leci pod fora (i dobrze) ale same w sobie fora już się nie zmniejszają tylko trzymają sztywno swoją szerokość. Na telefonie niby tego nie ma, ale strona jest tak jakby na oddaleniu a nie tak jak np. tutaj.
No i drugie pytanie, które w sumie wiąże się z końcem pierwszego, gdy wchodzi się na telefonie na stronę to jest się na "zoomie" w lewym górnym rogu. Co zrobić by była cała widoczna od razu?
No i póki co ostatnie pytanie. Gdy się zmniejsza stronę (zbadaj element) to w pewnym momencie znikają posty/wątki (liczby). W sumie dobrze, bo nie będzie najeżdżać na siebie ale, czemu w miejsce "ostatnie posty" wstawia się "wątków"?

Z RWD dopiero zaczynam, generalnie co nieco łapię ale jeszcze sporo do nauczenia :E
Z góry dzięki za pomoc
Ktoś coś?
Głównie chodzi o to, że na telefonie strona nie skaluje się poprawnie. Wyświetla się tak jak na "wersji na komputer". Na komputerze działa w zasadzie dokładnie tak jak tutaj, czy tak jak np. styl net pen. Ale na telefonie nic.. Zresztą, odpalcie stronę na komórce, sami zobaczycie.

No i przy okazji te liczby wątków postów. Zamiast być pod sobą w każdej kategorii są gdzie indziej.
@media screen and (max-width: 860px) {
#logo {
padding:0 !important;
}
}
Powinno pomóc - edytuj dowolnie według potrzeb.
Wsparcie poza forum - odpłatne.
Nie, to ciągle nie jest to :/


Widok na kompie (tak tak, menu w prawym górnym trzeba wysuwane zrobić, ale to później):
   
A na telefonie wygląda to tak:
   

..

Okej, standardowo jak zwykle nie wiem co się stało ale zaczęło działać.. :)
Zależy od rozdzielczości z której korzystasz:
[Obrazek: zmGhQ34CS6Sn0ZmT6o4edQ.png]

Kod który podałem wcześniej usunął dolny scrollbar, który zmieniał szerokość strony.
Wsparcie poza forum - odpłatne.
Dobra. Większość wygląda już jak należy :)
Teraz pozostał wygląd posta, a dokładniej - statystyk jego autora.

Po pierwsze, po zmniejszeniu szerokości poniżej 860 px statystyki przybierają taki układ: 
   
Jak zrobić by avatar  automatycznie dopasowywał się pomiędzy lewą część i prawą tak by zawsze był idealnie po środku?

Po drugie, kiedy elementy będą już "na maxa" blisko siebie, jak uporządkować ten wygląd:
   

Nick itp u góry po środku, avatar lewy dolny, statystyki prawy dolny.



Generalnie większość już załapałem ale mam jeszcze problem z umiejscawianiem elementów
Dobra, 2 punkt rozwiązałem inaczej, usuwając po prostu awatar.
Pozostaje kwestia umiejscowienia go po środku, między statystykami i nazwą.

I mam jeszcze jeden problem. Co zrobić by okienka z numerem strony na małych rozdzielczościach nie nachodziły na siebie?
Widać to na drugim screenie post wyżej.
Ehh.... zauważyłem kolejny problem.
Jak zrobić by nazwa działu na stronie głównej została ale "ostatnie posty" wyświetlały się pod nią na małych rozdzielczościach? (tak jak tutaj..)
Czyli zamiast znikać by się zmieniał układ - nazwa działu u góry, ostatnie tematy pod nią.

To samo mam gdy już się wejdzie w kategorię forum.
   
W takim układzie to się nie mieści, gdyby zrobić tak, że nazwa działu jest u góry a pod nią post byłoby chyba okej.

W widoku samego już działu tak samo - powinny znikać zakładki "odp., wyświetlenia, ocena" , temat powinien zostawać a pod nim ostatni post.

Jak takie coś zrobić? :E
Musisz dodać zmienną pod zmienną wyświetlająca nazwę forum.
Eeee?
Chcę aby przy "normalnych" rozdzielczościach było wszystko tak jak jest, ale przy małych "ostatni post" wchodził pod nazwę działu



Użytkownicy przeglądający ten wątek:

2 gości