2014-03-14 59 views
0

我想在html中創建一組元素(是的,在HTML中!!!我試圖不使用CSS,爲此!!!)表格使用表格,名爲2.比薩訂單詳情,你可以在這裏看到:Screenshot01HTML <form>元素使用表

現在我卡在類型的比薩餅元素。我想使結腸()爲的比薩餅之間被置於線(!但之後)的話「比薩」,「類型」像Screenshot01而是我「M得到這個:Screenshot02

我的冒號()爲的比薩餅的話比薩,而不是之後直接來到。 我不想要這個。我需要它像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

這個問題可以很容易地解決,但恕我直言,「比薩餅的類型」是多餘的,因爲你已經設置**披薩**訂單的細節。因此,使用「類型」作爲標籤不僅能解決您的問題,而且更好看和務實。 – cvsguimaraes

+0

嘗試將冒號放入它自己的單元格/列中,並使用樣式進行播放。 – Coderchu

+1

如果不爲你的':'創建一個'td',就無法完成。 – Fr0zenFyr

回答

2

你的方法是錯誤的,因爲你使用的是<br>,這將打破這條線,:將相應地。可以使用<td align="right">Type of Pizza :</td>。 這將在一行顯示標籤,這是非常好的方法。