PDA

Zobacz pełną wersję : Problem z widokiem kategorii artykułów



yustik
27-09-2020, 20:28
Spróbuję.
Może uda się znaleźć pomoc?

Kategoria "aktualności" (artykuły z kategorii) wyświetla się na pierwszej stronie (4 artykuły)
a po linku "więcej z kategorii" (własny html)
wyświetla się moduł "inne z tego działu", które powinny wyglądać
jak siatka/tabela czterech kolumn (nieograniczona liczba wierszy).
Wyświetla się tylko 12 artykułów,
a na dodatek nie w trzech rzędach, jak niegdyś,
ale w jakiejś dziwnej układance z dziurami.
Chcę przywrócić nieograniczoną liczbę wierszy
i żeby każde pole tej "tabeli" było wypełnione (porządeczek).

Co jest nie tak? Co powinnam zmienić? Gdzie szukać błędu?


(za hejt z góry dziękuję, nie trzeba)

9854

Bazyl
27-09-2020, 21:09
Cześć,

najpierw powinnaś podać linka do podstron z modułami...
A skoro nie ma: powinnaś zmienić ustawienie / css modułu.

Jeśli niegdyś wyświetlało się inaczej to trzeba cofnąć wprowadzone zmiany :-)

terra
28-09-2020, 07:52
Do któregoś artykułu skopiowano treść z Word'a, który przenosi własne tagi, niezgodne z HTML. Wyczyść ostatni albo pierwszy artykuł przy miejscu gdzie rozjeżdża się układ.

siristru
29-09-2020, 11:32
To problem z CSS. Wszystkie elementy maja ustawiony float: left. I problem pojawia się gdy element w rzędzie wyżej jest nieco wyższy niż pozostałe. Wtedy element w następnym rzędzie ustawia się nie od początku w pierwszej kolumnie tylko od tego najwyższego. De facto nie ma tam rzędów tylko jeden rząd a elementy w nim łamane są biorąc pod uwagę ich ilość jaka może się zmieścić w kontenerze. Maja bowiem stałą szerokość ale dynamiczna wysokość.

Najwidoczniej zostało to zaprojektowane albo nieumiejętnie albo dawno temu i nie wytrzymało próby czasu.

Rozwiązaniem byłoby:

1) ustalenie jednej wysokości dla elementów i np. właściwości CSS columns - słabe
2) wprowadzenie prawdziwej siatki w oparciu o strukturę Bootstrapa albo flex - całkiem niezłe
3) wykorzystanie układu masonry czyli podobnie jak na Pintereście, najprościej byłoby skorzystać ze skryptu Salvattore https://salvattore.js.org/ - IMHO najlepsze rozwiązanie