How can I move these buttons to the center?
Forum version : PunBB
Forum version : PunBB
Last edited by iLeo on August 5th 2012, 3:52 pm; edited 1 time in total
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
<!-- BEGIN switch_preview -->
<input class="liteoption" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />
<!-- END switch_preview -->
<!-- BEGIN switch_draft -->
<input class="liteoption" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />
<!-- END switch_draft -->
<!-- BEGIN switch_publish -->
<input class="liteoption" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />
<!-- END switch_publish -->
<input class="mainoption" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
</td>
</tr>
<!-- BEGIN switch_preview -->
<center><input class="liteoption" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" /> </center>
<!-- END switch_preview -->
<!-- BEGIN switch_draft -->
<center> <input class="liteoption" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" /> </center>
<!-- END switch_draft -->
<!-- BEGIN switch_publish -->
<center> <input class="liteoption" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" /> </center>
<!-- END switch_publish -->
<center> <input class="mainoption" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" /></center>
</td>
</tr>
#pun-qpost .frm-buttons { text-align: center }
I used this code and put it in my Javascript.LGforum wrote:Well you'll have to visit whatever tutorial you used to add the reset button.
$(document).ready(function(){$('input[name="post"]').after('<div><input type="reset" name="reset" class="button2" value="Reset"></div>')});
$(document).ready(function(){$('input[name="post"]').after('<input type="reset" name="reset" class="button2" value="Reset">')});
LGforum wrote:Just change it this:
The DIV tags were making it go on its own line. DIV elements are "block" elements, meaning they have display:block by default.
- Code:
$(document).ready(function(){$('input[name="post"]').after('<input type="reset" name="reset" class="button2" value="Reset">')});
Topic Solved & Locked |