Кнопка Отправить, вызывающая проблемы с макетом

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

Может быть, даже это сделает работу:

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

Answer 3

Попробуйте это:

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