Les étiquettes asp.net et les boîtes de texte asp.net ne s'alignent pas correctement?

Question

Ma page d'enregistrement ressemble actuellement les éléments suivants: alt text http://img691.imageshack.us/img691/4033/currento.png

Le style actuel que j'ai pour ce qui précède est l'image est:

<style type="text/css"> 
#contactinfo label 
{ 
    float: left; 
    width: 10em; 
    margin-right: 0.5em; 
    text-align: right; 
    font-size: 14px; 
} 

#contactinfo p 
{ 
    padding: 5px; 
} 
#contactinfo input[type="text"], input[type="password"] 
{ 
    height: 1.5em; 
} 
#contactinfo select 
{ 
    padding: 0.25em; 
} 
#contactinfo input[type="text"]:focus, input[type="password"]:focus 
{ 
    background-color: #FFFFE0; 
} 

#contactinfo .update 
{ 
    margin-left: 12.5em; 
} 
#contactinfo .error 
{ 
    background-color: transparent; 
} 
#contactinfo .longtextbox 
{ 
    width: 20em; 
} 
#contactinfo .shorttextbox 
{ 
    width: 5em; 
} 
</style> 

et le balisage est

<div id="contactinfo"> 
<p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtEmail">Email 
    </asp:Label> 
    <asp:TextBox ID="txtEmail" 
       runat="server" 
       CssClass="longtextbox" /> 
</p> 
<p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtFirstName">First Name 
    </asp:Label> 
    <asp:TextBox ID="txtFirstName" 
       runat="server" 
       ValidationGroup="AccountValidation" /> 
    <asp:RequiredFieldValidator runat="server" 
           ControlToValidate="txtFirstName" 
           Text="First Name is required." 
           ValidationGroup="AccountValidation" 
           CssClass="error"> 
    </asp:RequiredFieldValidator> 
    </p> 
    <p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtLastName">Last Name 
    </asp:Label> 
    <asp:TextBox ID="txtLastName" 
       runat="server" 
       ValidationGroup="AccountValidation" /> 
    <asp:RequiredFieldValidator runat="server" 
           ControlToValidate="txtLastName" 
           Text="Last Name is required." 
           ValidationGroup="AccountValidation" 
           CssClass="error"> 
    </asp:RequiredFieldValidator> 
    </p> 
    <p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtBusinessName">Business Name 
    </asp:Label> 
    <asp:TextBox ID="txtBusinessName" 
       runat="server" 
       CssClass="longtextbox" 
       ValidationGroup="AccountValidation" /> 
    <asp:RequiredFieldValidator runat="server" 
           ControlToValidate="txtBusinessName" 
           Text="Business Name is required." 
           ValidationGroup="AccountValidation" 
           CssClass="error"> 
    </asp:RequiredFieldValidator> 
    </p> 
    <p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtPhone">Phone 
    </asp:Label> 
    <asp:TextBox ID="txtPhone" 
       runat="server" 
       ValidationGroup="AccountValidation" /> 
    </p> 
    <p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtAddress">Address 
    </asp:Label> 
    <asp:TextBox ID="txtAddress" 
       runat="server" 
       CssClass="longtextbox" 
       ValidationGroup="AccountValidation" /> 
    <asp:RequiredFieldValidator runat="server" 
           ControlToValidate="txtAddress" 
           Text="Address is required." 
           ValidationGroup="AccountValidation" 
           CssClass="error"></asp:RequiredFieldValidator> 
    </p> 
    <p> 
    <asp:Label runat="server" 
       AssociatedControlID="txtCity">City 
    </asp:Label><asp:TextBox ID="txtCity" 
          runat="server" 
          ValidationGroup="AccountValidation" /> 
    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" 
      runat="server" 
      ControlToValidate="txtCity" 
      Text="City is required." 
      ValidationGroup="AccountValidation" 
      CssClass="error"> 
    </asp:RequiredFieldValidator> 
    </p> 
    <p> 
    <asp:Label runat="server" 
       AssociatedControlID="ddlState">State 
    </asp:Label> 
    <asp:DropDownList ID="ddlState" 
         runat="server" 
         DataSourceID="dsStates" 
         DataTextField="Name" 
         DataValueField="Id"> 
    </asp:DropDownList> 
    </p> 
    <p> 
    <asp:Label runat="server"     
       AssociatedControlID="txtZipcode">Zipcode</asp:Label> 
       <asp:TextBox ID="txtZipCode" runat="server" CssClass="shorttextbox" 
       ValidationGroup="AccountValidation" /> 

    </p> 
    </div> 

Comme vous pouvez voir ci-dessus, j'ai chaque paire de champs d'étiquette enveloppé dans une étiquette d'ap afin qu'il casse à la ligne suivante, mais je ne suis pas sûr si j'ai besoin de faire cela. Je veux obtenir la ville, l'état et le zip sur la même ligne, mais dès que je déplace toutes les étiquettes et entrées pour la ville, l'état, le zip dans un tag p, cela ressemble à ceci et je ne sais pas réparer.

alt text http://img36.imageshack.us/img36/6417/wantedfn.png

Answer 1

EDIT: Essayez d'utiliser cela comme CssClass pour ces étiquettes -

#contactinfo noformatlabel 
    { 
     //add here if you need to adjust the spacing..but dont float add padding or     //something else.. 
    padding:0.2em //maybe this if needed for formatting.. 
     } 

Je pense -

#contactinfo label 
{ 
    float: left; 
    width: 10em; 
    margin-right: 0.5em; 
    text-align: right; 
    font-size: 14px; 
} 

ces propriétés CSS sont un problème .. .do un type différent css pour les étiquettes pour l'état de la ville et code postal ... je veux dire essayer sans formater ... il pourrait travailler alors ..

Answer 2

Vous pourriez probablement flotter ces trois entrées ainsi que les étiquettes. Ou arrêtez de faire flotter les étiquettes, car la largeur ne va pas avoir d'importance comme maintenant.