Witam. Mam problem jak poniżej na screenie.
Wie ktoś jak to naprawić, żeby odległości między wszystkim były mniej więcej takie same? Żeby to jakoś wyglądało...
[
attachment=12040]
Dla klasy avatara dodaj margines dolny, np. 4px.
.post.classic .post_author div.author_avatar {
margin-bottom: 4px;
}
W kodzie widać od razu po użyciu zbadaj element, że masz zbędny tag
br
[
attachment=12042]
Tylko gdzie... Moje postbit_classic:
Kod:
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
</div>
<div class="post classic {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author scaleimages">
<div class="author_information">
<strong><span class="largetext">{$post['profilelink']}</span></strong><br />
<span class="smalltext">
{$post['usertitle']}
</span>
</div>
{$post['useravatar']}
{$post['groupimage']}
<div class="author_statistics">
{$post['user_details']}
</div>
</div>
<div class="post_content">
<div class="post_head">
{$post['posturl']}
{$post['icon']}
<span class="post_date"><i class="fa fa-clock-o fa_xtra pd"></i>{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
{$post['subject_extra']}
</div>
<div class="post_body scaleimages" id="pid_{$post['pid']}">
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
</div>
</div>
<div class="post_controls">
<span class="float_left" style="padding-left: 3px; padding-top: 7px; display: inline-block;">{$post['onlinestatus']}</span>
<div class="postbit_buttons author_buttons float_left">
{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
<div class="postbit_buttons post_management_buttons float_right">
{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
</div>
</div>
</div>
<strong><span class="largetext">{$post['profilelink']}</span></strong><br />
Efekt jest taki, że nazwa i tytuł użytkownika są jednym ciągiem, gdy to usunę. Więc raczej nie w tym problem...
Wstaw do odpowiedniego diva
display: table;
margin: 0 auto;
Powinno pomóc.
No być może, tylko jaki to będzie odpowiedni
Zbadałem, wyszło mi, że w global.css w linijce 33 miałem "align: left" w global.css poprawiłem na align: center, ale jednak nie wczytało tej zmiany. Klikam ctrl+f5 ale nic to nie daje. Sprawdzałem, to właśnie muszę zmienić, bo w badaniu zmieniłem z left na center i rangi były już po środku. Ale dlaczego nie czyta mi tej zmiany? A jak pobrałem global.css na pulpit i zacząłem edytować to normalnie było zmienione na center, więc o co chodzi
U mnie wyświetla się poprawnie, sprawdź na innej przeglądarce.
Ok, rangi są już po środku. A mógłbyś zerknąć jeszcze, bo np. "technik" jest prawie przy samym avatarze, ale w randze "główny administrator" już to lepiej wygląda...
Ranga technik nie ma nadanej klasy ranga tak, jak ranga administratora.
Gdzieś to się zmienia? Skoro ranga technik, to ma rangę... Hmm