Błąd Błąd lastposteravatar

wersja skryptu MyBB: 1.8.7
adres forum: TopowiGracze.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Avatary źle się wyświetlają, zależy mi, aby avatary były do lewej a tekst do avatara.

Jest -> http://screenshot.sh/m188Xup0t3RpW
Chcę uzyskać efekt -> http://screenshot.sh/mMFh5uO7KKATO

http://stackoverflow.com/questions/72733...inside-div

Gdzie to wkleic :p

Zależy którą opcje wybierzesz. 

Opcja z flexem (najbardziej prosta wg mnie):
Zamknij cały div z klasą avatarep_fd w tagu, który będzie zawierał poniższe wartości:

display: flex;
flex-direction: column;
justify-content: center

What ?!

W acp edytujesz szablon global.css i dodajesz do niego  

.avatarep_fd
{
display: flex;
flex-direction: column;
justify-content: center;
}

http://screenshot.sh/oBKrjIjN6mPqs

---

Dołączam css http://topowigracze.pl/cache/themes/them...ep.min.css

display: flex;
flex-direction: column;
justify-content: center

Nie, nie.

What ?!

Obecnie: http://prntscr.com/arddjw
Po zmianie: http://prntscr.com/ardeeb

Czyli zamknij div avatarep_fd w dodatkowym div, który będzie przyjmował wyżej napisane wartości.

Napisz po polsku.. xd

Jak masz strukture:
<div class="parent">
<div class="child"></div>
</div>
to dziecko jest zamknięte w rodzicu. U ciebie dzieckiem będzie div z klasą avatarep_fd, a tego rodzica musisz stworzyć i dać mu te wartości:

display: flex;
flex-direction: column;
justify-content: center;

Gotowy kod mozesz zobaczyc na screenie ktory ci podalem wyzej.

http://screenshot.sh/oe3NJvTJJVc2c

Moje forumbit_depth2_lastpost

<span class="smalltext">
<a href="{$lastpost_link}" >{$lastpost_subject}</a>
    <br />{$lastpost_date}<br />{$lang->by}<div style="display: flex;flex-direction: column;
        justify-content: center;"><div class="avatarep_fd">{$forum['avatarep']}</div</div> {$lastpost_profilelink}</span>

<span class="smalltext">
<a href="{$lastpost_link}" >{$lastpost_subject}</a>
    <br />{$lastpost_date}<br />{$lang->by}<div style="display: flex;flex-direction: column;
        justify-content: center;"><div class="avatarep_fd">{$forum['avatarep']}</div</div> {$lastpost_profilelink}</span> 


Błąd w zamknięciu div.

Efekt ten sam. Na forum mozna zobaczyc.

Jako że pisane z komórki to nie sprawdzę, ale skoro dajesz flexa to dodaj do tego align-items: center //w tym kontekście to jednak nie zadziała.
Tutaj głównym problemem jest sama struktura tego avataru, js'a jaki dokleja do siebie, faktu, że wtyczka też ustala pozycje napisów etc. U siebie miałem podobny problem, ostatecznie wywaliłem tą wtyczkę i zainstalowałem prostą, pierwszą wersję lastposter'a 1.4 z mybb 1.6, gdzie wyświetlało tylko avatar i niczego innego nie psuło.
Obecnie podobnie chyba działa lastposter avatar light od NiespecjalnieUzdolnionego, choć mogę się mylić.

Dwa razy dałeś diva avatarep_fd.

@ficus w tym przypadku align-items: center by popsuł wygląd.