javascript alignement sur une seule ligne

Question

Je veux que la zone de texte et le bouton Appliquer soient sur la ligne droite. Qu'est-ce que je fais mal?

<tr align = "center" valign ="bottom"> 
    <td align="left" style="padding-top: 15px; height: 30px;"> 
     Promo Code</br><asp:TextBox ID="txtCouponCode" runat="server" MaxLength="10" TabIndex="5" Width="130px" /> 
<asp:ImageButton ID="ImageButton1" ImageUrl="../images/apply-blue.gif" runat="server" 
    OnClick="imgApply_Click" ValidationGroup="0"/> 

Answer 1

Mis à part le problème mineur avec votre tag malformé BREAK:

</br> devrait être <br />

... et en supposant que vous êtes en fait fermer vos balises de ligne de table et de données de table. Ensuite, votre extrait:

<tr align = "center" valign ="bottom"> 
    <td align="left" style="padding-top: 15px; height: 30px;"> 
     Promo Code<br /><asp:TextBox ID="txtCouponCode" runat="server" MaxLength="10" TabIndex="5" Width="130px" /> 
<asp:ImageButton ID="ImageButton1" ImageUrl="../images/apply-blue.gif" runat="server" 
    OnClick="imgApply_Click" ValidationGroup="0"/> 
    </td> 
</tr> 

devrait produire à peu près le code HTML suivant:

<tr align="center" valign="bottom"> 
    <td align="left" style="padding-top: 15px; height: 30px;"> 
     Promo Code<br /><input name="txtCouponCode" type="text" maxlength="10" id="txtCouponCode" tabindex="5" style="width:130px;" /> 
     <input type="image" name="ImageButton1" id="ImageButton1" src="../images/apply-blue.gif" /> 
    </td> 
</tr> 

qui doit rendre exactement comme vous le voulez. Alors ... pourriez-vous fournir plus de contexte?

Answer 2

Comment apparaît-il maintenant, l'un sur l'autre?

Essayez d'ajouter l'attribut NOWRAP à votre table à savoir <td align=left nowrap>

Attention l'inondation entrant des messages que vous réprimandant pour l'utilisation de tables à des fins de mise en page!