HTML-элементы <form> с использованием таблицы

0

Я пытаюсь создать группу элементов в html (Да, в HTML ТОЛЬКО !!! Я пытаюсь не применять CSS еще, для этого !!!) форму, используя таблицу, под названием 2. Pizza Order Details, as вы можете увидеть здесь: Изображение 174551

Прямо сейчас я застрял на элементе типа пиццы. Я хочу, чтобы сделать двоеточие (:) для каждого типа пиццы быть помещены в линии между (но после того, как !) Слова "Тип" и "Пицца", как и в Screenshot01, но вместо этого я получаю это: Изображение 174551

Мое двоеточие (:) для типа Пиццы приходит непосредственно сразу после слова пиццы вместо этого. Я не хочу этого. Мне нужно, чтобы он был помещен, как в Screenshot01.

Вот код, который я сделал:

<fieldset>
<legend>2. Pizza Order Details:</legend>
<table style="width:860px">
<tr>
<td align="right">Type of&nbsp;&nbsp;<br>Pizza :</td>
<td>
<select>
<option value=""></option>
<option value="Hawaiian Chicken">Hawaiian Chicken</option>
<option value="Cheese Deluxe">Cheese Deluxe</option>
<option value="Chicken Pepperoni">Chicken Pepperoni</option>
<option value="BBQ Chicken">BBQ Chicken</option>
<option value="Super Supreme">Super Supreme</option>
</select>
</td>
<td style="width:1px" align="left"><strong>|</strong></td>
<td style="width:70px" align="right">Quantity :</td>
<td><input size="3" placeholder="0" type="text"></td>   
</tr>
<tr>
<td align="right">Size :</td>
<td>
<input type="radio" name="size">Small
<input type="radio" name="size">Medium
<input type="radio" name="size">Big
</td>   
<td style="width:1px" align="left"><strong>|</strong></td>
<td style="width:70px" align="right">Topping :</td>
<td>
<input type="checkbox" name="topping" value="Cheese">Cheese
<input type="checkbox" name="topping" value="Pepperoni">Pepperoni
<input type="checkbox" name="topping" value="Sausages">Sausages
<input type="checkbox" name="topping" value="Olives">Olives
</td>   
</tr>
<tr>
<td align="right">Date :</td>
<td><input size="12" placeholder="dd/mm/yyyy" type="text"></td> 
<td style="width:1px" align="left"><strong>|</strong></td>
<td style="width:70px" align="right">Time :</td>
<td><input size="7" placeholder="hh/mm" type="text"></td>   
</tr>
</table>
</fieldset>

Просьба указать, какие мои ошибки, или то, что мне здесь не хватает? Благодарю!

  • 0
    Эта проблема может быть легко решена, но, ИМХО, «Тип пиццы» является излишним, так как вы уже настраиваете детали заказа пиццы . Таким образом, использование «Типа» в качестве метки не только решит вашу проблему, но и будет выглядеть лучше и прагматично.
  • 0
    Попробуйте поместить двоеточия в собственную ячейку / столбец и поиграйте со стилем.
Показать ещё 3 комментария
Теги:

1 ответ

2

Ваш подход ошибочен, потому что вы используете <br>, который сломает линию, и : соответственно.

Вы можете использовать <td align="right">Type of Pizza :</td>. Это покажет метку на одной строке, что действительно подходит.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню