estoy incursionando en c# y quiero manejar css, tengo buena experiencia en html pero aca me esta costando.
tengo un mini proyecto, hacer una calculadora, hasta ahora en la vista de diseño va así:
y como obvservan no puedo acomodar aun el boton cero ni el boton punto.
mis estilos estan asi:
Código CSS:
Ver original
.calculator { width:200px; height:350px; padding:5px; margin:10px auto; border:1px solid #5d5d5d; background-color:#cccccc; } .inputDisplay { width:195px; height:35px; margin:5px auto; text-align:right; font-size:14px; } .botonDefault { width:50px; height:50px; font-size:14px; font-weight:bold; float:left; } .botonResult { width:50px; height:100px; font-size:14px; font-weight:bold; float:left; } .botonZero { width:100px; height:50px; font-size:14px; font-weight:bold; float:left; }
el codigo c# esta:
Código ASP:
Ver original
<asp:Panel ID="calculator" CssClass="calculator" runat="server"> <asp:TextBox ID="display" CssClass="inputDisplay" ReadOnly="true" runat="server"></asp:TextBox> <asp:Button ID="clean" CssClass="botonDefault" runat="server" Text="C" /> <asp:Button ID="percent" CssClass="botonDefault" runat="server" Text="%" /> <asp:Button ID="division" CssClass="botonDefault" runat="server" Text="/" /> <asp:Button ID="multiplication" CssClass="botonDefault" runat="server" Text="*" /> <asp:Button ID="seven" CssClass="botonDefault" runat="server" Text="7" /> <asp:Button ID="eight" CssClass="botonDefault" runat="server" Text="8" /> <asp:Button ID="nine" CssClass="botonDefault" runat="server" Text="9" /> <asp:Button ID="resta" CssClass="botonDefault" runat="server" Text="-" /> <asp:Button ID="four" CssClass="botonDefault" runat="server" Text="4" /> <asp:Button ID="five" CssClass="botonDefault" runat="server" Text="5" /> <asp:Button ID="six" CssClass="botonDefault" runat="server" Text="6" /> <asp:Button ID="sum" CssClass="botonDefault" runat="server" Text="+" /> <asp:Button ID="one" CssClass="botonDefault" runat="server" Text="1" /> <asp:Button ID="two" CssClass="botonDefault" runat="server" Text="2" /> <asp:Button ID="three" CssClass="botonDefault" runat="server" Text="3" /> <asp:Button ID="result" CssClass="botonResult" runat="server" Text="=" /> <asp:Button ID="zero" CssClass="botonZero" runat="server" Text="0" /> <asp:Button ID="point" CssClass="botonDefault" runat="server" Text="." /> </asp:Panel>
2 dudas, porque la clase calculator que le agrego al panel no se ve en el resultado compilado.
y como puedo hacer para acomodar el boton cero y el boton punto en la misma linea?
este es el resultado cuando lo compilo: