@DuckeyD dziękuję bardzo :)

faktycznie to jest lepsze rozwiąznie od tabeli.

Przy 2 infoboxach w rzędzie jest teraz idealnie ale przy 3 i więcej już niestety zachodzi na sekcję boczną prawą. Nie wiem jak to ograniczyć żeby nie wchodziło na sekcję boczną i ewentualnie samo zawijało się do następnego wiesza.

Na ten moment dałem więc 2 infoboxy w wierszu i złamałem wiersz
i kolejny rząd po pustej lini znowu tak samo sformatowałem (Wydje mi się że jednak gdyby weszły 3 infoboxy to przestrzeń strony byłaby lepiej wykorzystana.)

Chyba że można to zrobić lepiej z góry dziękuję za rady :)

http://pl.edu.wikia.com/wiki/Edu_Wiki

Dodaj regułę flex-wrap: wrap; tzn.

<div style="display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap;">
{{Infoboks 1}}
{{Infoboks 2}}
{{Infoboks 3}}
{{Infoboks 4}}
</div>

Wtedy infoboksy, które nie mieszczą się w danej linii będą przenoszone do następnej.

ok działa super, ale albo chyba szerokość infoboxów jest za duża albo prawej sekcji strony głównej i mieszczą się tylko 2 w poziomie. Jeśli dobrze zrozumiałem z innych wątków to prawa sekcja ma 300px i nie można tego zmieniać ze względu na rozmiar reklam fandomu tam zamieszczanych.

Jak więc mogę zmienić szerokość infoboxów (bo to chyba jedyne wyjście z tej sytuacji )- bardzo mało miejsca brakuje żeby zmieściły się 3 infoboxy a tak byłoby lepiej.

Z góry dzięki za informacje

Zmiana szerokości infoboksu nie jest polecana, ale jest możliwa. Aby zmienić szerokość infoboksów (tylko tych znajdujących się na stronie głównej) wklej poniższy kod do MediaWiki:Wikia.css.

/* Zmiana szerokości infoboksów ze strony głównej */
.mainpage .portable-infobox {
    width: 275px;
}
 
/* Poprawa rozmiaru obrazów w pomniejszonych infoboksach */
.mainpage .portable-infobox .pi-image-thumbnail {
    max-width: 100%;
    width: auto;
    height: auto;
}

Wartość 275px można zmienić na inną (domyślnie jest to 300px).

dziękuję :) trzeba było zmniejszyć też obrazki

max-width: 90%;

i działa

Teraz klikając na obrazek otwierają się on w galerii - dla użytkownika z zewnątrz będzie to mylące.

Czy obraz w infoboxach mogą linkować do artukułów wewnąrz wiki?

Raczej nie jest to osiągalne za pomocą klasycznej składni infoboksów. Jedyne rozwiązanie jakie pozostaje to modyfikacja JavaScriptem, która ma trzy wady:

1. Trzeba dla każdego infoboksu dodawać osobną regułę, która musi przejść potem proces przeglądu.
2. Nie jestem pewien czy takie rozwiązanie nie złamie polityki modyfikacji.
3. Nie będzie działać na urządzeniach przenośnych (tj. telefonach).

EDIT: Przyszło mi do głowy jeszcze jedno rozwiązanie, tzn. podanie obrazu w formie [[Plik:Plik.png|link=Artykuł]] do pola z danymi (a nie pola z obrazem) infoboksu. Tego też bym zdecydowanie odradzał, ale lepsze to niż JavaScript.

ok dziękuję,

w takim razie pomyślę nad tym drugim wariantem JS nie będę ruszał.

Rozwijając myśl, fragment kodu infoboksu to:

...
<data source="Obraz">
    <format>[[Plik:{{{Obraz|}}}|212px|link={{{Link|}}}]]</format>
</data>
...

Gdzie przy wywołaniu szablonu podajemy Obraz (np. Nazwa_obrazu.png) i jako Link nazwę artykułu do którego odsyłamy. Dalej uważam, że najlepszym rozwiązaniem byłoby zostawienie obecnej funkcjonalności (argument dla użytkownika z zewnątrz będzie to mylące niezbyt mnie przekonuje, bo przykładowo na Wikipedii mamy identyczne działanie, które nikogo nie myli).

ok, przekonałeś mnie - faktycznie na wikipedii jest tak samo. To raczej wynika z tego że wykorzystałem infoboxy bardziej do nawigacji - przekierowania do podstron. Myślałem że taka duża klikalna przestrzeń obrazka byłaby wygodna do przechodzenia na stronę z którą jest związna - zwłasza byłoby to wygodne na urządzeniach moblinych.

Ale nie jest to konieczne więc faktycznie może tak zostać.

Na urządzeniach mobilnych strona główna jest wyświetlana w inny sposób, przez co te infoboksy lądują w sekcji Zobacz więcej, do której praktycznie nikt nie zagląda. Możesz uzupełnić mobilną stronę główną tak, aby pełniła na urządzeniach mobilnych podobną rolę, co infoboksy w skórce desktopowej.