ASP.NET - comment utiliser les CSS pour aligner ASP.NET les contrôles à l'entrée des données situtaion?

J'ai une entrée de données de type formulaire construit dans ASP.NET. Je suis assez vert avec CSS et suis en train d'aligner les étiquettes et les champs de texte sur le formulaire.

Je suis en utilisant le standard ASP.NET les contrôles.

Je sais de mon CSS livre et les sites web que j'ai pu utiliser le label for="" avec le nom d'une zone de texte d'entrée à suivre et flotter les étiquettes, mais je ne sais pas comment faire avec ASP.NET les contrôles.** C'est ce que je suis en train de travailler avec:

<div class="spacer1em"></div>
<div><span>Hotel:</span> <asp:TextBox ID="txtHotel" runat="server" /> <asp:LinkButton ID="lnkMap" runat="server">Map</asp:LinkButton></div>
<div><span>Address:</span><asp:TextBox ID="txtAddress" runat="server" /></div>
<div><span>Address:</span><asp:TextBox ID="txtAddress2" runat="server" /></div>
<div><span>City:</span> <asp:TextBox ID="txtCity" runat="server" /> <span>State:</span><asp:TextBox ID="txtState" runat="server" /> <span>Zip:</span> <asp:TextBox ID="txtZip" runat="server" /></div>
<div><span>Country:</span> <asp:TextBox ID="txtCountry" runat="server" /></div>
<div><span>Phone:</span> <asp:TextBox ID="txtPhone" runat="server" /> <span>Fax:</span><asp:TextBox ID="txtFax" runat="server" /></div>
<div><span>Type:</span><asp:TextBox ID="txtType" runat="server" /></div>
<div><span>Comments:</span> <asp:TextBox ID="txtComments" runat="server" /></div>

OriginalL'auteur Sam Gentile | 2010-11-18

  1. 10

    Voici la méthode que j'utilise.

    <div class="row"> 
  <div class="label"> 
    <asp:Label ID="lblHotel" Text="Hotel" runat="server" AssociatedControlID="txtHotel" />:
  </div> 
  <div class="value"> 
    <asp:TextBox ID="txtHotel" runat="server" /> 
  </div> 
</div > 
<style type="text/css">
    .row { clear: both; width: 100%; overflow: hidden; margin: 5px 0; } 
    .label { float: left; text-align: right; margin-right: 10px; width: 150px; } 
    .value { float: left; text-align: left; } 
</style>
    Que sur les zones de texte?
    Shoot! Je vis cette place! Je n'ai pas besoin de deux Travées et de ASP.NET les Étiquettes. Ils sont censés être les travées et ASP.NET les zones de texte à chaque ligne les étiquettes et les zones de texte de l'alignement. Je vais réécrire la question.
    J'ai réécrit la question, mais rien ne doit changer, sauf à l'aide de la zone de texte à la place de l'asp étiquette. Il fonctionne! Merci!
    Je l'ai changé en tant que zone de texte.

    OriginalL'auteur Win