Ciao a tutti, ho dei problemi nella creazione di un'area di inserimento con
label (incolonnate) - campo inserimento
nella prima riga della mia area di inserimento, dovrei avere
label - radio button - input - listbox (tutti sulla stessa riga e tutti accanto)
nella seconda
label (incollanata con quella sopra) - input (incolonnato col radio sopra)
in pratica è come se dovessi realizzare una tabella a due colonne (label e area di inserimento)
io ci ho provato ma gli elementi nella prima riga risultano distaziati.
Dato che il codice HTML generato dai componenti .NET è parecchio "sporco" ho preferito postare il codice HTML con gli oggetti .NET, per semplificare la logica
Non ho particolari esigenze, vorrei adottare la soluzione piu semplice per "incolonnare" gli elementi ma che allo stesso sia adattabile per altre situazioni e in altri contesti (utilizzando la stessa struttura di fogli stile, simile a quella che ho provato a creare) che fanno uso di altri CSS
Grazie per l'aiuto!
Codice PHP:
<div class="page" id="insert">
<div class="insert-area">
<asp:Label ID="tbDestinatario" runat="server" AssociatedControlID="ddlDestinatario">Destinatario:</asp:Label>
<asp:TextBox ID="tbFindDestinatario" runat="server" CssClass="find"></asp:TextBox>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal" TextAlign="Left">
<asp:ListItem Selected="True">ID</asp:ListItem>
<asp:ListItem>Nome</asp:ListItem>
</asp:RadioButtonList>
<asp:DropDownList ID="ddlDestinatario" runat="server">
</asp:DropDownList>
</div>
<div class="insert-area">
<asp:Label ID="lblNome" runat="server" AssociatedControlID="tbOggetto">Oggetto:</asp:Label>
<asp:TextBox ID="tbOggetto" runat="server" CssClass="input"></asp:TextBox>
<asp:RequiredFieldValidator ID="NomeRequired" runat="server" ControlToValidate="tbOggetto"
ErrorMessage="Data non corretta." ToolTip="" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</div>
</div>
div#insert {
width: 520px;
text-align: center;
margin: 0 auto;
}
div#insert .insert-area {
width: 520px;
height: 20px;
padding: 2px;
margin: 0 auto;
}
div#insert label {
float: left;
text-align: right;
display: block;
width: 70px
}
div#insert .input {
margin-left: 10px;
width: 180px;
float: left;
}
div#insert .find {
margin-left: 10px;
width: 70px;
float: left;
}
div#insert select {
margin-left: 10px;
font: 11px verdanaa, arial, helvetica, sans-serif;
color: #666666;
float: left;
}