Tema: Problema celdas
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/01/2011, 09:27
link_alcala06
 
Fecha de Ingreso: enero-2011
Mensajes: 14
Antigüedad: 14 años
Puntos: 0
Exclamación Problema celdas
Código CSS: 
Ver original
  1. #principal{
  2.     width:18%;
  3.     margin:auto auto;
  4.     background-color:e0dfe3;
  5.     border-color:black;
  6.     border-style:solid;
  7.     border-width:1px;
  8. }
  9. #resultado{
  10.     width:100%;
  11. }
  12. input.campotexto{
  13.     text-align:right;
  14. }
  15. input{
  16.     font-family:Arial;
  17.     font-size:20;
  18. }

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <link rel="stylesheet" type="text/css" href="calculadorabasica.css">
  4.     </head>
  5.     <body>
  6.         <table id="principal">
  7.             <tr>
  8.                 <td id="titulo">Calculadora</td>
  9.             </tr>
  10.             <tr>
  11.                 <td>
  12.                     <input class="campotexto" type="text" id="resultado">
  13.                 </td>
  14.             </tr>   
  15.             <tr>    
  16.                 <td>
  17.                     <input type="button">
  18.                     <input type="button" value="Ayuda" onclick="ayuda()">
  19.                     <input type="button" value="Retroceso">
  20.                     <input type="button" value="CE" onclick="borrar(resultado)">
  21.                     <input type="button" value="C" onclick="borrar(resultado)">
  22.                 </td>
  23.             </tr>
  24.             <tr>
  25.                 <td>
  26.                     <input type="button" value="MC">
  27.                     <input type="button" value="7" onclick="pulsar(this)">
  28.                     <input type="button" value="8" onclick="pulsar(this)">
  29.                     <input type="button" value="9" onclick="pulsar(this)">
  30.                     <input type="button" value="/" onclick="pulsar(this)">
  31.                     <input type="button" value="sqrt">
  32.                 </td>
  33.             </tr>
  34.             <tr>
  35.                 <td>
  36.                     <input type="button" value="MR">
  37.                     <input type="button" value="4" onclick="pulsar(this)">
  38.                     <input type="button" value="5" onclick="pulsar(this)">
  39.                     <input type="button" value="6" onclick="pulsar(this)">
  40.                     <input type="button" value="*" onclick="pulsar(this)">
  41.                     <input type="button" value="%" onclick="pulsar(this)">
  42.                 </td>
  43.             </tr>
  44.             <tr>
  45.                 <td>
  46.                     <input type="button" value="MS">
  47.                     <input type="button" value="3" onclick="pulsar(this)">
  48.                     <input type="button" value="2" onclick="pulsar(this)">
  49.                     <input type="button" value="1" onclick="pulsar(this)">
  50.                     <input type="button" value="-" onclick="pulsar(this)">
  51.                     <input type="button" value="1/x">
  52.                 </td>
  53.             </tr>
  54.             <tr>
  55.                 <td>
  56.                     <input type="button" value="M+">
  57.                     <input type="button" value="0" onclick="pulsar(this)">
  58.                     <input type="button" value="+/-">
  59.                     <input type="button" value=",">
  60.                     <input type="button" value="+" onclick="pulsar(this)">
  61.                     <input type="button" value="=" onclick="igual(resultado)">
  62.                 </td>
  63.             </tr>
  64.         </table>
  65.     </body>
  66. </html>

He estado probando y quiero dejar las celdas centradas y uniformes en fila, pero no consigo alguna manera de ponerlo, alguien sabria como hacerlo con CSS? u.u Mil gracias!

PD: lo ideal seria que quedaran estilo a la calcu de windows http://image.gxzone.com/images/0/8/08dcc2777cb.jpg >.<