Położenie tekstu w Shoutboxie DVZ

wersja skryptu MyBB: 1.6.12
adres forum: www.playgame24.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chciałbym przenieść tekst w shoutboxie dvz pod nick. Proszę o pomoc.


CSS:

.tablehead { padding: 5px 10px; background: #026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; text-align: left;}
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #2a2a2a; border: 1px solid #7f7f7f; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #d7d7d7; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #f4f4f4; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #2f2f2f; }
#shoutbox .trow2 { background-color: #333333; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #d7d7d7; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 40px; max-width: 40px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }

---

Podpowie ktoś ?

To trzeba w pluginie zrobić a nie w CSS

Dodałem do załącznika.

Nie potrzeba żadnego kodu html.

z
#shoutbox .userdata
usun
float:left;
text-align:right;

No tak, rzeczywiście. Można dodać jakiś padding z lewej żeby ładniej wyglądało i nie było tak przyklejone do avatara.

Dzięki, rozwiązane.

Snake_ napisał 08.05.2014, 20:31: