提交按钮导致布局问题

时间:2009-07-14 20:16:00

标签: html css forms input

我有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;

 }

3 个答案:

答案 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 ....>&nbsp;<a href....</div>

答案 2 :(得分:0)

甚至可以做这个工作:

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