MyBB.de Forum

Normale Version: Hilfe! Smileybox linksbündig ausrichten?
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo,

wir sind neuerdings auf Mybb umgestiegen und erfreuen uns weitestgehend an der Foren-Software. Ein Problem bereitet mir aber noch der Smileyinserter bei der Schnellantwortbox. Wie auf dem Bild erkenntlich ist, ist diese Box zentriert, ich hätte sie aber gerne linksbündig.

Ich habe bei "ACP>Templates>Showthread Teamplates>showthread_quickreply" die entsprechende File und Stelle gefunden, hab aber keinen Schimmer wie ich das nun linksbündig bekomme. Hoffentlich könnt ihr mir da helfen.

Code:
<div id="quickreply_spinner" class="showthread_spinner" style="display: none"><img src="{$theme['imgdir']}/spinner.gif" /></div>


<br />
{$moderation_notice}
<form method="post" action="newreply.php?tid={$tid}&amp;processed=1" name="quick_reply_form" id="quick_reply_form">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="subject" value="RE: {$reply_subject}" />
<input type="hidden" name="action" value="do_newreply" />
<input type="hidden" name="posthash" value="{$posthash}" id="posthash" />
<input type="hidden" name="quoted_ids" value="" id="quoted_ids" />
<input type="hidden" name="lastpid" id="lastpid" value="{$last_pid}" />
<input type="hidden" name="from_page" value="{$page}" />
<input type="hidden" name="tid" value="{$tid}" />
<input type="hidden" name="method" value="quickreply" />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="1">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['quickreply']}.png" id="quickreply_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->quick_reply}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['quickreply_e']}" id="quickreply_e">
<tr>
<td class="{$trow}" valign="left" width="27%">
<strong>{$lang->message}</strong><br />
<span class="smalltext">{$lang->message_note}<br />{$smilieinserter}<br />
{$option_signature}
<label><input type="checkbox" class="checkbox" name="postoptions[disablesmilies]" value="1" />&nbsp;<strong>{$lang->disable_smilies}</strong></label>{$closeoption}</span>
</td>
<td class="{$trow}">
<div style="width: 95%">
<textarea style="width: 100%; padding: 4px; margin: 0;" rows="8" cols="80" name="message" id="message" tabindex="1"></textarea>{$codebutquick}
</div>
<div class="editor_control_bar" style="width: 95%; padding: 4px; margin-top: 3px; display: none;" id="quickreply_multiquote">
<span class="smalltext">
{$lang->quickreply_multiquote_selected} <a href="./newreply.php?tid={$tid}&amp;load_all_quotes=1" onclick="return Thread.loadMultiQuoted();">{$lang->quickreply_multiquote_now}</a> {$lang->or} <a href="javascript:Thread.clearMultiQuoted();">{$lang->quickreply_multiquote_deselect}</a>.
</span>
</div>
</td>
</tr>
{$captcha}
<tr>
<td colspan="2" align="center" class="tfoot"><input type="submit" class="button" value="{$lang->post_reply}" tabindex="2" accesskey="s" id="quick_reply_submit" /> <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="3" /></td>
</tr>
</tbody>
</table>
</form>

Foren-Software: 1.8.4
Hallo,

Du könntest um die {$smilieinserter} Variable einen Div legen und diesen zB via float:left definieren. Wenn Du dies tust, dann setze nach der Variable {$smilieinserter} ein <br class="clear" />
Das wird vermutlich nicht funktionieren, dass die Smilie-Liste selbst in einem div mit text-align:center eingebunden wird. Ich würde vermutlich einfach die Breite der Spalte so festlegen, dass es vernünftig aussieht.

PS: Woher kommt das valign="left"? left ist beim Attribut valign nicht erlaubt.
Danke für die schnelle Rückmeldung. Das mit dem v-align hab ich korrigiert. Das ist natürlich falsch gewesen.

Die Breite der Spalte festlegen funktioniert leider nicht, da irgendwie links der Platz nicht eingenommen wird. Ich habe dann rechts eine Überschneidung mit dem Textfeld und links weiterhin Platz den diese Box partout nicht einnehmen will.

Habe dann doch versucht <div style=float:left>{$smilieinserter}</div><br class="clear" /> anzuwenden und es hat funktioniert. Super, vielen dank. Liegt jetzt links an.