0

我正在尝试将我的 2 个表格彼此相邻浮动。现在在结果中，他将这两者放在一起。

这是我的代码：

<id ='AvailabilityFormAM'><form action='availability.jsp' name='availForm_AM'  method='post'>

<table class='TableBorder'><tr class='TableHeading'><td colspan='2'>New activity AM</td></tr>
<tr class='TableData2'><td align='left'>Description:</td>
<td align='left'><input style='width:150px' type='text' name='description' value='Informatica' /></td></tr>

<tr class='TableData2'><td colspan='2'>
<input class='SolidButton' type='button' value='Delete' onclick='javascript:deleteSLine("AM");'/></td></tr></table></form></div>





<id ='AvailabilityFormPM'><form action='availability.jsp' name='availForm_PM' method='post'>

<table class='TableBorder'><tr class='TableHeading'><td colspan='2'>New activity PM</td></tr>
<tr class='TableData2'><td align='left'>Description:</td>
<td align='left'><input style='width:150px' type='text' name='description' value='Inbev' /></td></tr>

<tr class='TableData2'><td colspan='2'>
<input class='SolidButton' type='button' value='Update' onclick='javascript:updateSLine("PM");'/></td></tr></table></form></div>

CSS：

#AvailabilityFormAM {
float: left;
width:200px;
}


#AvailabilityFormPM {
float: left; 
margin-left:200px;
}
4

2 回答 2

1

您的两个元素的名称有错误：

<id ='AvailabilityFormAM'>

没有元素“id”，可能只是你的属性潜伏在那里。

我的猜测是您正在寻找一个分隔线，如下所示：

<div id ='AvailabilityFormAM'>

和

我个人会将第二个 CSS 规则更改为：

#AvailabilityFormAM, #AvailabilityFormPM {
float: left; 
width: 200px;
}
于 2013-04-02T14:07:28.647 回答
0

您使用的 ids 错误，您的表单的 html 应该如下所示：

<form id ='AvailabilityFormAM' action='availability.jsp' name='availForm_AM'  method='post'>

还有这个：

<form id ='AvailabilityFormPM' action='availability.jsp' name='availForm_PM' method='post'>

也不确定你是否需要这么大的利润。

于 2013-04-02T14:07:54.310 回答