2013-06-26 2 views
-1

Я пытаюсь создать кнопку отправки в конце строки моего торжества. Так или иначе кнопка продолжает двигаться к следующей строке. Я пробовал кучу вещей, но ничего не оказалось полезным. Приятно, если ты поможешь мне. У меня есть ссылка на картинку, которая показывает, как я хочу, чтобы страница выглядела после того, как я переместил кнопку. Я собираюсь опубликовать здесь код. Заранее спасибо.Нужна кнопка рядом с заголовком в HTML

Это ссылка на картинку, которую я хочу, чтобы она выглядела. http://i.imgur.com/ctZagMO.png

<form:form commandName="address" method="POST"> 
    <div class="form">    
      <h5>Address:</h5></td> 
      <input type="submit" value="Submit">     
      <div> 
       <form> 
        <table> 
         <tr> 
          <td>2nd Name Line:</td> 
          <td><form:input path="secondNameLine" /></td> 
         </tr> 

         <tr> 
+0

Ваша структура по своей сути ошибочна. В строке, содержащей заголовок и кнопку отправки, нет '

'. Вместо этого попробуйте использовать поплавки. – Terry

+1

Не разметьте форму, используя таблицу, найдите теги '

' и '
+0

Я не использую простой html, я использую весну, которая заботится о главе и разделе заголовка. Все, что мне нужно написать, это раздел тела. Я опубликовал код, который, как я думал, был важен. Btw Я использую тег Spring Form здесь –

ответ

1

HTML-таблица представляет собой довольно строгий элемент макета. У вас не может быть <div> в табличной разметке, как у вас там. Вам понадобится следующая структура:

<table> 
<tr> 
<td> 
<div> and content in here </div> 
</td> 
</tr> 
</table> 
0

Вам не хватает стартовой метки для вашего стола. Добавьте <table> перед первым <tr> тегом.

Посмотреть рабочую версию о том, что вы хотите здесь: http://jsfiddle.net/J9PtN/

В соответствии с просьбой, кнопка представить рядом с полем адреса.