レイアウトの問題を引き起こす送信ボタン

Question

2つのボタンがあります.1つは画像送信ボタンで、もう1つは標準のリンクボタンです。レイアウトの問題は、画像送信ボタンがその下の他のボタンを押すことです。私がフォームタグを取り出した場合、2つのボタンが並んでいて、それが私が望む方法です。

（私は明らかに必要な）フォームタグを保持しながら、私のボタンを並べて作る方法に関する提案はありますか？

おかげ

<span class="col3data"> 

<?php "here goes my standard link button"; ?> 

<FORM method="post" target="_blank" action = "http://wwwapps.ups.com/WebTracking/OnlineTool"> 

<INPUT type="hidden" name="InquiryNumber" value="W<?php echo $history['orders_id'];?>"> 
<INPUT type="hidden" name="TypeOfInquiryNumber" value="R"> 
<INPUT type="hidden" name="SenderShipperNumber" value="xxxx"> 
<INPUT type="hidden" name="IATA" value="CA"> 
<INPUT type="hidden" name="Lang" value="eng"> 
<INPUT type="hidden" name="DestinationCountry" value="US"> 

<?php "here goes my image submit button"; ?> 

</FORM> 


</span> 

私のスパンのスタイル

.form_container .col3data 
{ 
float: left; 
width: 37%; 
border:1px solid #00CC33; 

} 

Answer 1

多分これが仕事をする：

<input type="image" style="float: left;" ... > 

Answer 2

はこれを試してみてください：

<div style="float: left;"><input ....>&nbsp;<a href....</div> 

Answer 3

<form>タグの外側に通常のリンクを配置する理由はありますか？あなたのリンクが隣り合わない理由は、<form>がブロックレベルの要素であるためです。

<FORM method="post" target="_blank" action = "http://wwwapps.ups.com/WebTracking/OnlineTool"> 

<INPUT type="hidden" name="InquiryNumber" value="W<?php echo $history['orders_id'];?>"> 
<INPUT type="hidden" name="TypeOfInquiryNumber" value="R"> 
<INPUT type="hidden" name="SenderShipperNumber" value="xxxx"> 
<INPUT type="hidden" name="IATA" value="CA"> 
<INPUT type="hidden" name="Lang" value="eng"> 
<INPUT type="hidden" name="DestinationCountry" value="US"> 

<?php "here goes my image submit button"; ?> 
<?php "here goes my standard link button"; ?> 

</FORM>