HTML - Espacio entre celdas

 
Vista:
sin imagen de perfil

Espacio entre celdas

Publicado por mendizalea (3 intervenciones) el 31/03/2014 08:43:26
Buenos días,

Estoy haciendo una pequeña aplicaciones con JQuery mobile para uso personal y me gustaría quitar el espacio que hay entre línea y línea de la tabla y también el espacio que queda en los saltos de línea, que se vea mas junto las 2 líneas.

He estado mirando un poco el css para modificar pero no acabo de localizar.

Me podeis echar una mano?

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
<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
<thead>
	<tr
		<th data-priority="1"><b>COL1</b></th>
		<th data-priority="1"><b>COL2</b></th>
		<th data-priority="1"><b>COL3</b></th>
		<th data-priority="2"><b>COL4</b></th>
		<th data-priority="1"><b>COL5</b></th>
	</tr>
	</thead>
<tbody>
	<tr>
		<td><b>12</b></td>
		<td><b>14</b></td>
		<td><b>13</b></td>
		<td><b>11</b></td>
		<td><b>1<br>B</b></td>
	</tr>
	<tr>
		<td><b>12</b></td>
		<td><b>14</b></td>
		<td><b>13</b></td>
		<td><b>11</b></td>
		<td><b>1<br>B1</b></td>
	</tr>
	</tbody>
</table>

Gracias ;)
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
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Espacio entre celdas

Publicado por xve (1543 intervenciones) el 31/03/2014 09:38:23
Hola Mendizalea, prueba a poner a la tabla la propiedad: cellspacing="0"

Coméntanos, 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
sin imagen de perfil

Espacio entre celdas

Publicado por mendizalea (3 intervenciones) el 31/03/2014 13:59:26
Gracias por su respuesta XVE.

Eso ya lo he probado anteriormente pero no me funciona. Tengo la hoja de estilo por defecto de QueryMobile.
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
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Espacio entre celdas

Publicado por xve (1543 intervenciones) el 31/03/2014 16:18:39
Yo lo he probado únicamente con tu código y me ha funcionado...

nos puedes adjuntar la hoja de estilo a la que haces referencia?
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
sin imagen de perfil

Espacio entre celdas

Publicado por mendizalea (3 intervenciones) el 01/04/2014 16:26:29
Gracias por la respuesta xve.

Al final ayer haciendo pruebas encontre en el css lo que estaba buscando:

1
.ui-table th,.ui-table td{line-height:1.6em;padding:.5em .5em;vertical-align:top;text-align:right;}

Lo que fue es en el fichero css personal mio crear una nueva entrada:

1
.ui-table th.juntar,.ui-table td.juntar{line-height:0.6em;padding:.5em .5em;vertical-align:top;text-align:right;}

Y con esto la perfecto.
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
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Espacio entre celdas

Publicado por xve (1543 intervenciones) el 01/04/2014 16:33:20
Gracias por compartirlo Mendizalea!!!
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