2014-03-14 21 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>。 这将在一行显示标签,这是非常好的方法。