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

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

Rozjechany wygląd komunikatora, formatowane nicki.

Założony przez  Kacper Wojciechowski.

wersja skryptu MyBB: 1.8.5
adres forum: http://91.189.37.72/index.php#
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

[Obrazek: ow5UGtx.png]
Witam, mam problem z wyglądem komunikatora, są border-right z nawigacji, nie wiem jak to usunąć i nicki są rozjechane. Tzn. jest niżej od tekstu po prawej.
PS. Jakbym wiedział jak to naprawić to bym nie pisał.
Testowe konto:
l: test
h: 111111
Pokaż z jakiego pluginu korzystasz lub wklej tutaj kawałek kodu odpowiadającego za wyświetlanie.
communicator:
<table style="margin-left: 28px;" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tbody style="{$collapsed['communicator_e']}" id="communicator_e">
</tr>
<ul style="margin-left: 36px;" class="ipsList_withminiphoto">
{$tpl['row']}
</ul>
<tbody>
</table>
<br />
communicator_row:
        <li class=" ipsType_small clearfix">
            <img src="{$pm['avatar']}" class="ipsUserPhoto ipsUserPhoto_mini left">
            <div class="list_content">
                {$pm['subject']}
                <br>
                <span class="ipsType_smaller desc lighter">{$pm['profilelink']} - {$pm['dateline']}</span>
            </div>
        </li><br><br>
Wywal te dwa ostatnie <br> w communicator_row i sprawdź działanie. Jak nie działa, pokaż jeszcze css od tego.
Już jest lepiej, ale jeszcze border-right i nicki.
CSS:
#belka_skrzynki {
font-size: 15px;
font-weight: normal;
color: #595959;
padding: 5px 0;
border-bottom: 1px solid #ececec;
}

#po_lewo_text ul {
list-style: none;
margin: 0;
margin-bottom: 10px;
padding: 0;
}

#po_lewo_text ul li {
margin-bottom: 8px;
font-size: 12px;
}

.po_lewo_text_avatar {
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
width: 30px;
height: 30px;
float: left;
}

.po_lewo_text_avatar img {height: 29px; width: 29px;}

#po_lewo_text ul li #wiadomosc {
margin-left: 10px;
}
#po_lewo_text ul li #wiadomosc a {
color: #3c3c3c;
text-decoration: none;
text-shadow: 0 1px 0 #FFF;
margin: 0;
padding: 0;
height: 12px;
line-height: 12px;
margin-top: 3px;
}
#po_lewo_text ul li span {
color: #a4a4a4;
font-size: 11px !important;
text-shadow: 0 1px 0 #FFF;
margin: 0;
padding: 0;
height: 11px;
line-height: 11px;
}

#pod_belka_skrzynki {
font-size: 11px !important;
text-align: right;
color: #3c3c3c;
}
#pod_belka_skrzynki a {
margin: 0;
padding: 0;
text-align: right;
color: #3c3c3c;
height:11px;
line-height:11px;
float: right;
}

#po_lewo_text ul {
list-style: none;
margin: 0;
margin-bottom: 10px;
padding: 0;
}

#po_lewo_text ul li {
margin-bottom: 8px;
font-size: 12px;
}

#messButton {
    display:inline-block;
    position:relative;
    z-index:30;
}
#messButton a{
   padding: 0 12px;
}
#messBox {
position:absolute;
top: 35px;
display: none;
z-index:29;
}    
#messButton.active {
background: #272727 none repeat scroll 0% 0%; /* Old browsers */
}

#messButton.active a:hover {
background: #272727 none repeat scroll 0% 0%; /* Old browsers */
}
#messButton.active em {
    width:100%;
    bottom:-1px;
}
#messForm {
background: #272727 none repeat scroll 0% 0%;
padding: 10px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius: 0 0 6px 6px;
overflow: hidden;
width: 260px;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}
#messForm a {
color: #3c3c3c;
text-decoration: none;
}
#messForm a:hover{
background: none !important;
}
Ale co border-right i nicki?
[Obrazek: 5ZHJ8Tq.png]
Napisz coś jeszcze na konto test.
Wysłane.
Z #ips li a usuń line-height
Pomogło, leci repka



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