Affichage HTML/CSS Éléments de manière agréable

Question

Donc, la raison de ma perturbation, j'ai besoin de mettre ces TextBoxes, étiquettes, boutons dans une jolie ligne entre eux. Pour certains d'entre vous cela pourrait être facile en CSS, alors aidez-moi s'il vous plaît: D

Toute référence où je peux lire à ce sujet serait bien aussi.

Extra Info: site est basé sur ASP.NET

EDIT1:

<asp:RadioButtonList ID="radioListRight" runat="server" AutoPostBack="True" RepeatDirection="Horizontal" > 
     <asp:ListItem>Recht hinzufuegen</asp:ListItem> 
     <asp:ListItem>Recht entfernen</asp:ListItem> 
    </asp:RadioButtonList> 
    <asp:Label ID="LabelError" runat="server" Font-Bold="True" Font-Size="Large" ForeColor="Red"></asp:Label> 

    <br /> 
    Projekt:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<asp:DropDownList ID="comboProj" runat="server" AutoPostBack="True" Width="140px" Visible="False"> 
    </asp:DropDownList><br /> 
    &nbsp;Teilprojekt:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:DropDownList ID="ComboTP" runat="server" Width="136px" Visible="False"> 
    </asp:DropDownList> 
    <asp:Button ID="btnAddTP" runat="server" Text="Hinzufügen" Visible="False" /> 
    <br /> 
    <asp:ListBox ID="ListBoxTP" runat="server" Height="164px" Width="422px" Visible="False"></asp:ListBox><br /> 
    Art der Berechtigungen:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <asp:DropDownList ID="comboBerechtigungsArt" runat="server" Visible="False" AutoPostBack="True"> 
     <asp:ListItem>Auswählen...</asp:ListItem> 
     <asp:ListItem Value="CHECK-IN/CHECK-OUT"></asp:ListItem> 
     <asp:ListItem>CHECK-OUT</asp:ListItem> 
     <asp:ListItem>CHECK-IN</asp:ListItem> 
    </asp:DropDownList><br /> 
    Berechtigungen eintragen für&nbsp;&nbsp;&nbsp;<asp:TextBox ID="TextBoxUser" runat="server" Width="151px" placeholder="HendrikHeim" Visible="False"></asp:TextBox> 
    <asp:Button ID="btnAddUser" runat="server" Text="Hinzufügen" Visible="False" /> 
    <br /> 
    &nbsp;<asp:Label ID="labelEmail" runat="server" Text="EMail"></asp:Label> 

                                                                                             

Answer 1

Ne pas utiliser les tables, utilisez CSS et les nœuds « div » pour envelopper le contenu et le style d'affichage pour mettre la ligne de données.

Utilisez http://www.w3schools.com/

En tant que source pour CSS

Les tableaux ne coulent pas correctement si la largeur du navigateur est de réduire, mettre en étiquettes individuelles permettra au navigateur de style de la mise en page correctement.

Pour mettre des éléments sur la même ligne:

<div style="display:inline;width:80px;">content here</div> 
    <div style="display:inline;width:100px;">content here</div><br /> 

Vous pouvez ensuite fixer la largeur des colonnes en ajoutant plus de styles, largeur, etc.

Si vous n'êtes pas familier avec CSS, puis passer un peu le temps d'apprendre.