2013-04-02 87 views
0

我想讓我的兩個窗體彼此相鄰。現在在結果中,他把這兩個放在一起。浮動窗體彼此相鄰

這裏是我的代碼:

<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; 
} 

回答

1

你有兩個名稱的錯誤你的元素:

<id ='AvailabilityFormAM'> 

有沒有元素 '身份證' ,這可能只是你的屬性,在那裏snuk。

我的猜測是,你正在尋找一個分頻器,像這樣:

<div id ='AvailabilityFormAM'> 

而且我個人倒更改第二個CSS規則:

#AvailabilityFormAM, #AvailabilityFormPM { 
float: left; 
width: 200px; 
} 
+0

謝謝! 作品完美:) 愚蠢的錯誤! – user2206834

0

您使用的ID錯誤,您的表單應該如下所示:

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

這:

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

不知道你需要這樣的大比分無論是。