2015-02-01 2 views
0

У меня есть крикбокс в рамках форума, который я запускаю.Борьба за разрыв строки в таблице

Он имеет текстовое поле ввода слева и некоторые кнопки справа.

Я хотел бы, чтобы кнопки отображались под полем ввода текста.

Добавление тега < бр /> после того, как для ввода текста не помогает

Вот код

<!-- Text Entry Table --> 
 
<div class="newquery"> 
 
    <form name="newshout" autocomplete="off" id="newquery"> 
 
    <table class="inputTable"> 
 
     <tr> 
 
     <td width="100%"> 
 
      <input type="text" style="{inferno_user_css}" id="inferno_shout_entry" class="inferno_text" name="newshout"></input> 
 
      <br /> 
 
     </td> 
 
     <td width="1%" style="white-space:nowrap"> 
 
      <input type="submit" id="postshout" class="button" name="postshout" onclick="javascript: inferno.submit_shout(); return false;" class="submitShout" value="{$lang->isb_btn_shout}" /> 
 
      <input type="button" class="button" name="btnClear" onclick="javascript: inferno.clear_shout(); return false;" value="{$lang->isb_btn_clear}" />{inferno_button_smilies} {inferno_button_bold} {inferno_button_underline} {inferno_button_italic} {inferno_button_colors} {inferno_button_fonts} 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </form> 
 
</div> 
 
<!-- End Text Entry -->

действительно застрял, так что время, чтобы попросить о помощи ,

ответ

1

Вам нужно включить кнопки в новый элемент <tr>. Вот быстрый макет:

<table> 
    <tr> 
    <td> 
    Text Area/Form Field 
    </td> 
    <tr> 
    <td> 
    Submission Buttons Here 
    </td> 
    </tr> 
</table> 
+0

Спасибо большое Кайл. Я модифицировал код с дополнительным и закрыл его тоже (я считаю, что ему нужно закрыть?) Затем пробежал редактор пробников W3 и исправил кнопки, перемещающиеся под текстовым полем. Однако, когда я обновляю фактический файл и загружаю его на свой сервер, он не работает. Проверьте код в инструментах chrome dev и посмотрите, как новые теги могут быть удалены. Сайт guardiancrosszone.com: D –

+0

Может быть проблемой кэширования. Попробуйте обновить cntrl + F5, чтобы узнать, обновляется ли страница после внесения изменений. –

+0

Вот что я подумал. Уже сделано Ctrl + F5, а также вручную очищено хром-кеш и не влияет на стиль. –