Foros del Web » Creando para Internet » CSS »

nueva en css para asp c#

Estas en el tema de nueva en css para asp c# en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 06/08/2015, 08:08
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 14 años, 6 meses
Puntos: 23
nueva en css para asp c#

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
  1. .calculator
  2. {
  3.     width:200px;
  4.     height:350px;
  5.     padding:5px;
  6.     margin:10px auto;
  7.     border:1px solid #5d5d5d;
  8.     background-color:#cccccc;
  9. }
  10. .inputDisplay
  11. {
  12.     width:195px;
  13.     height:35px;
  14.     margin:5px auto;
  15.     text-align:right;
  16.     font-size:14px;
  17. }
  18. .botonDefault
  19. {
  20.     width:50px;
  21.     height:50px;
  22.     font-size:14px;
  23.     font-weight:bold;
  24.     float:left;
  25. }
  26. .botonResult
  27. {
  28.     width:50px;
  29.     height:100px;
  30.     font-size:14px;
  31.     font-weight:bold;
  32.     float:left;
  33.    
  34. }
  35. .botonZero
  36. {
  37.     width:100px;
  38.     height:50px;
  39.     font-size:14px;
  40.     font-weight:bold;
  41.     float:left;
  42. }

el codigo c# esta:

Código ASP:
Ver original
  1. <asp:Panel ID="calculator" CssClass="calculator" runat="server">
  2.         <asp:TextBox ID="display" CssClass="inputDisplay" ReadOnly="true" runat="server"></asp:TextBox>
  3.         <asp:Button ID="clean" CssClass="botonDefault" runat="server" Text="C" />
  4.         <asp:Button ID="percent" CssClass="botonDefault" runat="server" Text="%" />
  5.         <asp:Button ID="division" CssClass="botonDefault" runat="server" Text="/" />
  6.         <asp:Button ID="multiplication" CssClass="botonDefault" runat="server" Text="*" />
  7.         <asp:Button ID="seven" CssClass="botonDefault" runat="server" Text="7" />
  8.         <asp:Button ID="eight" CssClass="botonDefault" runat="server" Text="8" />
  9.         <asp:Button ID="nine" CssClass="botonDefault" runat="server" Text="9" />
  10.         <asp:Button ID="resta" CssClass="botonDefault" runat="server" Text="-" />
  11.         <asp:Button ID="four" CssClass="botonDefault" runat="server" Text="4" />
  12.         <asp:Button ID="five" CssClass="botonDefault" runat="server" Text="5" />
  13.         <asp:Button ID="six" CssClass="botonDefault" runat="server" Text="6" />
  14.         <asp:Button ID="sum" CssClass="botonDefault" runat="server" Text="+" />
  15.         <asp:Button ID="one" CssClass="botonDefault" runat="server" Text="1" />
  16.         <asp:Button ID="two" CssClass="botonDefault" runat="server" Text="2" />
  17.         <asp:Button ID="three" CssClass="botonDefault" runat="server" Text="3" />
  18.         <asp:Button ID="result" CssClass="botonResult" runat="server" Text="=" />
  19.         <asp:Button ID="zero" CssClass="botonZero" runat="server" Text="0" />
  20.         <asp:Button ID="point" CssClass="botonDefault" runat="server" Text="." />
  21.     </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:


Etiquetas: asp, background, color, float, html, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:05.