squishi
01-16-2009, 09:18 PM
I want to make a simple change to the postbit_quickedit.
The Save / Go Advanced / Delete / Cancel buttons should show in a row.
These are the simple changes to part of the template that I made so far:
<div class="controlbar">
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:500px; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea>
<div class="fieldset" style="margin-top:$stylevar[formspacer]px" style="float:left;border:1px solid #FFFF00;background-color:#000000">
$vbphrase[reason_for_editing]:<br />
<input type="text" class="bginput" name="reason" id="{$editorid}_edit_reason" value="" size="50" maxlength="125" tabindex="1" title="$vbphrase[optional]" />
</div>
<div align="$stylevar[right]" style="float:right;border:1px solid #FF00FF">
<img style="vertical-align:middle; display: none" id="{$editorid}_posting_msg" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[posting_message_please_wait]" />
<input type="button" class="button" tabindex="1" accesskey="s" value="$vbphrase[save]" id="{$editorid}_save" />
<input type="button" class="button" tabindex="1" accesskey="r" value="$vbphrase[go_advanced]" id="{$editorid}_adv" />
<if condition="$show['deletepostoption']">
<input type="button" class="button" tabindex="1" value="$vbphrase[delete]" id="{$editorid}_delete" />
</if>
<input type="button" class="button" tabindex="1" accesskey="r" value="$vbphrase[cancel]" id="{$editorid}_abort" />
</div>
<div style="clear:both"></div>
</div>
My problem: The div container marked with red does not get a border.
I added the borders to be able to fix this by trial and error.
Because the two div containers still don't show up side-by-side.
I am fairly good in html, but I don't understand why the div container with the reason does not get a border and does not float left. :erm:
The Save / Go Advanced / Delete / Cancel buttons should show in a row.
These are the simple changes to part of the template that I made so far:
<div class="controlbar">
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:500px; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea>
<div class="fieldset" style="margin-top:$stylevar[formspacer]px" style="float:left;border:1px solid #FFFF00;background-color:#000000">
$vbphrase[reason_for_editing]:<br />
<input type="text" class="bginput" name="reason" id="{$editorid}_edit_reason" value="" size="50" maxlength="125" tabindex="1" title="$vbphrase[optional]" />
</div>
<div align="$stylevar[right]" style="float:right;border:1px solid #FF00FF">
<img style="vertical-align:middle; display: none" id="{$editorid}_posting_msg" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[posting_message_please_wait]" />
<input type="button" class="button" tabindex="1" accesskey="s" value="$vbphrase[save]" id="{$editorid}_save" />
<input type="button" class="button" tabindex="1" accesskey="r" value="$vbphrase[go_advanced]" id="{$editorid}_adv" />
<if condition="$show['deletepostoption']">
<input type="button" class="button" tabindex="1" value="$vbphrase[delete]" id="{$editorid}_delete" />
</if>
<input type="button" class="button" tabindex="1" accesskey="r" value="$vbphrase[cancel]" id="{$editorid}_abort" />
</div>
<div style="clear:both"></div>
</div>
My problem: The div container marked with red does not get a border.
I added the borders to be able to fix this by trial and error.
Because the two div containers still don't show up side-by-side.
I am fairly good in html, but I don't understand why the div container with the reason does not get a border and does not float left. :erm: