2009-07-14 13 views
0

Ich habe 2 Tasten, von denen eine eine Schaltfläche zum Senden von Bildern und die andere nur eine Standard-Link-Taste ist. Das Layout-Problem ist, dass die Bild-Senden-Schaltfläche die andere Schaltfläche darunter drückt. Wenn ich die Form-Tags herausnehme, bleiben die 2 Tasten Seite an Seite, so wie ich es mir wünsche.Schaltfläche "Senden" verursacht Layout-Probleme

Irgendwelche Vorschläge, wie man meine Knöpfe Seite an Seite unter Beibehaltung der Form-Tags (die ich offensichtlich brauche) machen kann?

dank

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

meines span style

.form_container .col3data 
{ 
float: left; 
width: 37%; 
border:1px solid #00CC33; 

} 
+0

Können Sie das entsprechende Markup und CSS posten? –

Antwort

0

Vielleicht sogar dies die Arbeit machen wird:

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

Es scheint, als würde man die beiden Tasten links schweben lassen, damit es richtig ausgerichtet ist ... Danke! –

0

Try this:

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

Gibt es einen Grund, warum Sie den regulären Link außerhalb des Tags <form> platziert haben? Der Grund, warum Ihre Verbindung nicht nebeneinander ist, ist, weil <form> ein Block-Level-Element ist.

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