html - 提交按钮导致布局问题

Question

我有 2 个按钮，一个是图像提交按钮，另一个只是标准链接按钮。布局问题是图像提交按钮将另一个按钮推到它下面。如果我取出表单标签，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

将常规链接放在 <form> 之外有什么原因吗？标签？您的链接不相邻的原因是因为 <form>是 block 级元素。

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