sustituir datos del table con css

[chusete]

como podria sustituir esta linea de codigo con css?

<table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC00" align="center">

[JavierB]

Hola chusete

Prueba con esto:

<table style="width:270;background-color:#FFCC00;margin:auto">

Saludos,

[chusete]

con eso no consigo nada, me sigue haciendo el cellpading y el cellspacing, que es precisamente lo que yo quiero eliminar del codigo visible y hacerlo mediante css

[kemie]

Iniciado por chusete

como podria sustituir esta linea de codigo con css?

<table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC00" align="center">

intenta esto:
css:

body{
text-align:center;}

.mitabla{
width:770px;
border:0;
background-color:#FFCC00;
margin:0 auto;
text-align:left;}

.mitabla td{
margin:0;
padding:0;}

y en el html:
<table class="mitabla">

espero que te sirva!

saludos

[chusete]

no consigo nada con eso, sigue dejandome los tipicos espacios entre las celdas provocados por el cellpading y el cespacing

[PascalC]

border-collapse:collapse

[chusete]

el border-collapse no me sirve para nada, no se que utilidad se supone que tiene pero no me realiza ningun cambio.

con el codigo:

.mitabla td{
margin:0;
padding:0;}

he conseguido que no haya espacio entre las celdas, pero lo que no consigo eliminar con css es el espacio entre la tabla y las celdas, lo cual sí consigo poniendo cellspacing="0" dentro del tag del table, pero que me gustaria saber como se sustituye mediante css

[PascalC]

Border-collapse funciona perfectamente :
#foo {margin-left:auto; margin-right:auto; border:none;width:770px; border-collapse:collapse}
#foo td {padding:0;background-color:#FFCC00;}

<table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC00" align="center">
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
</table>
<table id="foo">
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
<tr>
<td>item</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>
</tr>
</table>

[chusete]

lo he probado y me sigue dando el mismo resultado: el espacio entre las celdas se elimina, eso sí que lo consigue, pero no consigue eliminar el espacio entre lass celdas y el borde de la tabla, algo que sí se logra poniendo en el table cellspacing=0.

de todas maneras gracias por tu intento

[Durgeoble]

table {

border-spacing: 0pt 0pt;

background-color: #FFCC00;

width: 770px;

text-align: center;

padding: 0pt 0pt 0pt 0pt;

margin: 0pt 0pt 0pt 0pt;

border-width: 0pt 0pt 0pt 0pt;

}


creo que no me dejado nada :)

[chuspinete]

lo has probado? yo lo he hecho y me sigo dando el mismo resultado que antes, sigue dejando espacio entre las celdas, no se ve igual la tabla que si tuviera esto:
<table cellpadding="0" cellspacing="0" >

[txiripindo]

Saludos,
yo llevaba desde hace años con ésta duda y he probado lo que dice PascalC del border-collapse y funciona!!!
Aún estoy un poco receloso (tengo que probarlo de varias formas), pero creo que es lo que Chusete preguntaba.
Si metes tablas dentro de celdas y le aplicas a todas ese estilo, elimina el cellspacing y cellmargin de la misma manera que poniéndolo en el código HTML.

Gracias a PascalC y como siempre a todos los del Foro. Impresionante.
A seguir así.

[Durgeoble]

Código:

table {
  
      border-spacing: 0px 0px;
  
      background-color: #FFCC00;
  
      width: 770px;
  
      text-align: center;
  
      padding: 0px 0px 0px 0px;
  
      margin: 0px 0px 0px 0px;
  
      border-width: 0px 0px 0px 0px;
  
  }
td {
  
      border-spacing: 0px 0px;
  
      background-color: inherit;
  
      text-align: center;
  
      padding: 0px 0px 0px 0px;
  
      margin: 0px 0px 0px 0px;
  
      border-width: 0px 0px 0px 0px;
  
  }

[xp64]

Hola, es que acaso no hay una especificacion CSS equivalente a cellspacing y cellpadding

yo tengo ese mismo problema y leyendo este post me doy cuenta de que no lo hay

para que no haya espacio funciona lo de border-collapse:collapse

pero no se puede personalizar lo que por ejemplo seria

cellspacing=12px cellpadding=8px

estos no son los valores que busco pero me encontre con que la propiedad border-spacing solo era soportada por Netscape 6+ (por lo tanto firefox)

demasiado dificil trabajar con tablas en CSS

[programeitor]

para quitar los espacios entre tabla-celda celda-celda:
<style>
.tabla{border-collapse:collapse;padding:0px}
.tabla td{border:1px solid;}/* para que se vea */
</style>
<body>
<table class=tabla>
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>d</td>
</tr>
</table>
</body>

existe en css 'padding' y 'spacing'