Definir borde en las tablas desde css

CanalRojiblanco · 8 Jul 2009, 17:26 · Solicitar retirada

Fijaos en las tablas que aparecen aquí

http://rsg.canalrojiblanco.com/2009/01/01836-el-real-sporting-en-co…

y os copio el código de una tabla

<table border="1">
<tbody>
<tr>
<td>PJ</td>
<td>G</td>
<td>E</td>
<td>P</td>
<td>GF</td>
<td>GC</td>
</tr>
<tr>
<td>105</td>
<td>41</td>
<td>12</td>
<td>52</td>
<td>191</td>
<td>202</td>
</tr>
</tbody>
</table>



<table border="1">
<tbody>
<tr>
<td>ALAVÉS</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>CLASIFICADO</td>
<td>RONDA</td>
</tr>
<tr>
<td>2001/02</td>
<td>Real Sporting</td>
<td>2</td>
<td>0</td>
<td>Alavés</td>
<td>Real Sporting</td>
<td>s/r</td>
</tr>
<tr>
<td>1992/93</td>
<td>Alavés</td>
<td>3</td>
<td>1</td>
<td>Real Sporting</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Real Sporting</td>
<td>3</td>
<td>0</td>
<td>Alavés</td>
<td>Real Sporting</td>
<td>1/64</td>
</tr>
<tr>
<td>1929/30</td>
<td>Alavés</td>
<td>5</td>
<td>1</td>
<td>Real Sporting</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Real Sporting</td>
<td>3</td>
<td>0</td>
<td>Alavés</td>
<td>Alavés</td>
<td>1/16</td>
</tr>
</tbody>
</table>

¿Cómo hago para definir ese "1" para que el borde de las tablas tenga un pixel en la hoja de estilos?

Saludos

CanalRojiblanco · 8 Jul 2009, 17:53 · Solicitar retirada

Bueno ya lo he resuelto, escribiendo esto en la hoja de estilos
table{border:silver 1px solid}
td{border:silver 1px solid}
y cambiando <table border="1"> por <table> solucionado.

bOrYiMaN · 11 Jul 2009, 13:22 · Solicitar retirada

Así cambiarás el estilo a todas las tablas que introduzcas en tu página, si quieres puedes poner en el css

#estilo-de-tabla {border:silver 1px solid}

y luego en el html:

<table id="estilo-de-tabla">

Saludos

CanalRojiblanco · 11 Jul 2009, 17:57 · Solicitar retirada

bOrYiMaN escribió:Así cambiarás el estilo a todas las tablas que introduzcas en tu página, si quieres puedes poner en el css

#estilo-de-tabla {border:silver 1px solid}

y luego en el html:

<table id="estilo-de-tabla">

Saludos

ok, muchas gracias

CanalRojiblanco · 15 Jul 2009, 17:10 · Solicitar retirada

Y como puedo centrar las tablas para que se ven bien con firefox? con el float:center no me funciona.

JorGens · 15 Jul 2009, 19:27 · Solicitar retirada

Centrar la tabla dentro de la web o centrar el texto dentro de sus celdas?

CanalRojiblanco · 16 Jul 2009, 11:22 · Solicitar retirada

centrar las tablas en la pantalla, con las letras no hay problema.

Con ie me sale perfecto, pero firefox las tablas aparecen fusionadas en el margen izquierdo y no hay manera de despegar eso :(

JorGens · 16 Jul 2009, 12:35 · Solicitar retirada

Nos puedes dejar una captura de pantalla para hacernos una idea? O si tienes alguna página ya colgada en internet donde se de ese problema, mejor que mejor, así podremos mirar los codigos y corregirlo en seguida.

Quizás puedas meter cada tabla en un div para centrarlas y/o separarlas. A ver si tienes un enlace a una con ese problema y lo veo mejor, oki?

Un abrazo!

CanalRojiblanco · 17 Jul 2009, 11:46 · Solicitar retirada

Aquí aparecen todas las tablas pegadas a la izquierda.

http://www.canalrojiblanco.com/copa-del-rey/enfrentamientos-copa-de…

bOrYiMaN · 17 Jul 2009, 18:35 · Solicitar retirada

prueba poniendo a la tabla el estilo---> margin: 0 auto 0 auto;

Saludos

CanalRojiblanco · 18 Jul 2009, 00:21 · Solicitar retirada

problema resuelto, muchísimas gracias, sois unos cracks