Foros del Web » Creando para Internet » CSS »

Problema celdas

Estas en el tema de Problema celdas en el foro de CSS en Foros del Web. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original #principal {     width : 18 & #37 ;;     margin : auto auto ;     ...
  #1 (permalink)  
Antiguo 28/01/2011, 09:27
 
Fecha de Ingreso: enero-2011
Mensajes: 14
Antigüedad: 6 años, 10 meses
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.     <head>
  2.         <link rel="stylesheet" type="text/css" href="calculadorabasica.css">
  3.     </head>
  4.     <body>
  5.         <table id="principal">
  6.             <tr>
  7.                 <td id="titulo">Calculadora</td>
  8.             </tr>
  9.             <tr>
  10.                 <td>
  11.                     <input class="campotexto" type="text" id="resultado">
  12.                 </td>
  13.             </tr>  
  14.             <tr>   
  15.                 <td>
  16.                     <input type="button">
  17.                     <input type="button" value="Ayuda" onclick="ayuda()">
  18.                     <input type="button" value="Retroceso">
  19.                     <input type="button" value="CE" onclick="borrar(resultado)">
  20.                     <input type="button" value="C" onclick="borrar(resultado)">
  21.                 </td>
  22.             </tr>
  23.             <tr>
  24.                 <td>
  25.                     <input type="button" value="MC">
  26.                     <input type="button" value="7" onclick="pulsar(this)">
  27.                     <input type="button" value="8" onclick="pulsar(this)">
  28.                     <input type="button" value="9" onclick="pulsar(this)">
  29.                     <input type="button" value="/" onclick="pulsar(this)">
  30.                     <input type="button" value="sqrt">
  31.                 </td>
  32.             </tr>
  33.             <tr>
  34.                 <td>
  35.                     <input type="button" value="MR">
  36.                     <input type="button" value="4" onclick="pulsar(this)">
  37.                     <input type="button" value="5" onclick="pulsar(this)">
  38.                     <input type="button" value="6" onclick="pulsar(this)">
  39.                     <input type="button" value="*" onclick="pulsar(this)">
  40.                     <input type="button" value="%" onclick="pulsar(this)">
  41.                 </td>
  42.             </tr>
  43.             <tr>
  44.                 <td>
  45.                     <input type="button" value="MS">
  46.                     <input type="button" value="3" onclick="pulsar(this)">
  47.                     <input type="button" value="2" onclick="pulsar(this)">
  48.                     <input type="button" value="1" onclick="pulsar(this)">
  49.                     <input type="button" value="-" onclick="pulsar(this)">
  50.                     <input type="button" value="1/x">
  51.                 </td>
  52.             </tr>
  53.             <tr>
  54.                 <td>
  55.                     <input type="button" value="M+">
  56.                     <input type="button" value="0" onclick="pulsar(this)">
  57.                     <input type="button" value="+/-">
  58.                     <input type="button" value=",">
  59.                     <input type="button" value="+" onclick="pulsar(this)">
  60.                     <input type="button" value="=" onclick="igual(resultado)">
  61.                 </td>
  62.             </tr>
  63.         </table>
  64.     </body>
  65. </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 >.<
  #2 (permalink)  
Antiguo 28/01/2011, 10:19
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema celdas

Hola:

¿Has probado a darle un width fijo a cada celda?

Saludos.

  #3 (permalink)  
Antiguo 28/01/2011, 11:05
 
Fecha de Ingreso: enero-2011
Mensajes: 14
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Problema celdas

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

¿Has probado a darle un width fijo a cada celda?

Saludos.

Si, pero sigue sin mostrarme las celdas con borde y ordenarlas >_<
  #4 (permalink)  
Antiguo 28/01/2011, 15:47
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Problema celdas

Prueba a darle a la tabla la propiedad border-collapse:collapse;. Por defecto, los bordes de la tabla van a ser dobles. Con esta propiedad los dos bordes se convierten en uno solo.

Si quieres usar bordes separados (border-collapse:separate) se puede especificar la distancia entre bordes con la propiedad border-spacing. Esta propiedad se aplica a los elementos table, hd y td.

Se pueden especificar dos valores diferentes para la separación horizontal y vertical respectivamente. Si se especifica sólo un valor, se usa éste tanto para la separación horizontal como para la vertical. Los valores no pueden ser negativos y por defecto, el valor es cero.

La distancia entre el borde de la tabla y el de las celdas es la suma de la propiedad padding de la tabla más el valor horizontal o vertical de la propiedad border-spacing.

Etiquetas: celdas
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 15:47.