Ярлыки asp.net и текстовые поля asp.net расположены неправильно? - PullRequest
0 голосов
/ 15 июня 2010

Моя страница регистрации в настоящее время выглядит следующим образом: альтернативный текст http://img691.imageshack.us/img691/4033/currento.png

Текущий стиль, который у меня есть для вышеприведенного, это изображение:

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

и разметка

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

Как вы можете видеть выше, у меня есть каждая пара полей меток, завернутая в тег ap, чтобы она переходила к следующей строке, но я не уверен, что мне нужно это сделать.Я хочу, чтобы все города, штаты и почтовые индексы были в одной строке, но как только я переместил все метки и входные данные для города, штата, почтового индекса в один тег p, это выглядит следующим образом, и я не знаю, какчтобы исправить это.

альтернативный текст http://img36.imageshack.us/img36/6417/wantedfn.png

Ответы [ 2 ]

0 голосов
/ 15 июня 2010

Вероятно, вы можете использовать эти три входа и метки. Или прекратите плавать надписи, так как ширина не будет иметь значения, как сейчас.

0 голосов
/ 15 июня 2010

РЕДАКТИРОВАТЬ: Попробуйте использовать это как cssclass для этих меток -

#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..
      }

Я думаю -

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

эти свойства CSS являются проблемой ...сделать другой тип CSS для меток для города и почтового индекса ... я имею в виду попробовать это без форматирования ... это может сработать тогда ..

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...