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>是块级元素。

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

Answer 2

试试这个：

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

Answer 3

甚至可以做这个工作：

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

提交按钮导致布局问题

3 个答案: