我有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;
}
答案 0 :(得分: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>
答案 1 :(得分:0)
试试这个:
<div style="float: left;"><input ....> <a href....</div>
答案 2 :(得分:0)
甚至可以做这个工作:
<input type="image" style="float: left;" ... >