que tal, saludos!!
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: