0

2 つのフォームを隣り合わせに浮かせようとしています。結果では、彼はこれら 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

2 つの要素の名前に誤りがあります:

<id ='AvailabilityFormAM'>

要素「id」はありません。おそらく、そこに忍び寄ったのはあなたの属性だけです。

私の推測では、次のような仕切りを探していると思います。

<div id ='AvailabilityFormAM'>

と

個人的には、2 番目の CSS ルールを次のように変更します。

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

間違った ID を使用しています。フォームの 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 に答える