CSS - Espacio en Tabla

   
Vista:

Espacio en Tabla

Publicado por Noé (14 intervenciones) el 11/07/2017 23:46:02
No sé que he hecho que tengo un espacio en la columa 1 entre los botones y el borde de la columna 1. Ya revisé el código varias veces y no encuientro el problema.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style>
 
.numero{
	width:60px;
	height:60px;
 
 
}
 
.igual{
	width:100%;
	height:60px;
 
}
 
table{
	margin:auto;
}
 
.color_display{
	height:30px;
	background-color:#000;
	border:medium #FFF;
	font: "Space Age";
	color:#0F0;
	font-size:18px;
	text-align:right;
	padding:5px;
}
 
 
 
</style>
 
</head>
 
<body>
<table width="15%" border="1">
  <tr>
    <td colspan="4" align="center">
    <input name="display" type="text" class="color_display" id="display" size="25"></td>
  </tr>
  <tr>
    <td width="26%"><input name="button" type="button" class="numero" id="button" value="+" ></td>
    <td width="21%"><input name="button2" type="button" class="numero" id="button2" value="-"></td>
    <td width="21%"><input name="button3" type="button" class="numero" id="button3" value="*" ></td>
    <td width="32%"><input name="button4" type="button" class="numero" id="button4" value="/" ></td>
  </tr>
  <tr>
    <td><input name="num7" type="button" class="numero" id="num7" value="7" ></td>
    <td><input name="num8" type="button" class="numero" id="num8" value="8" ></td>
    <td><input name="num9" type="button" class="numero" id="num9" value="9" ></td>
    <td></td>
  </tr>
  <tr>
    <td><input name="num4" type="button" class="numero" id="num4" value="4" ></td>
    <td><input name="num5" type="button" class="numero" id="num5" value="5" "></td>
    <td><input name="num6" type="button" class="numero" id="num6" value="6" ></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input name="num1" type="button" class="numero" id="num1" value="1" ></td>
    <td><input name="num2" type="button" class="numero" id="num2" value="2" ></td>
    <td><input name="num3" type="button" class="numero" id="num3" value="3" ></td>
    <td;</td>
  </tr>
  <tr>
    <td><input name="num0" type="button" class="numero" id="num0" value="0" ></td>
    <td><input name="button17" type="button" class="numero" id="button17" value=","></td>
    <td colspan="2"><input name="button12" type="button" class="igual" id="button12" value="=" ></td>
  </tr>
</table>

</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Espacio en Tabla

Publicado por xve (464 intervenciones) el 12/07/2017 08:11:06
Hola Noé, quita el padding y añade el width:100% algo así:

1
2
3
4
5
6
7
8
9
10
11
.color_display{
	height:30px;
	background-color:#000;
	border:medium #FFF;
	font: "Space Age";
	color:#0F0;
	font-size:18px;
	text-align:right;
/* 	padding:5px; */
	width:100%;
}

Coméntanos si es esto lo que buscas, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Espacio en Tabla

Publicado por Julio Cesar (14 intervenciones) el 12/07/2017 18:11:31
si eso era, pero porque al modificar el arriba me agarra efecto en la columna1?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Espacio en Tabla

Publicado por xve (464 intervenciones) el 12/07/2017 19:59:12
a que te refieres? no te entiendo bien...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad