Foros del Web » Creando para Internet » CSS »

sustituir datos del table con css

Estas en el tema de sustituir datos del table con css en el foro de CSS en Foros del Web. como podria sustituir esta linea de codigo con css? <table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC00" align="center">...
  #1 (permalink)  
Antiguo 22/12/2004, 05:18
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
sustituir datos del table con css

como podria sustituir esta linea de codigo con css?

<table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC00" align="center">
  #2 (permalink)  
Antiguo 22/12/2004, 05:43
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola chusete

Prueba con esto:

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

Saludos,
  #3 (permalink)  
Antiguo 22/12/2004, 05:49
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
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
  #4 (permalink)  
Antiguo 22/12/2004, 06:23
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
Cita:
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
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #5 (permalink)  
Antiguo 22/12/2004, 12:14
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
no consigo nada con eso, sigue dejandome los tipicos espacios entre las celdas provocados por el cellpading y el cespacing
  #6 (permalink)  
Antiguo 24/12/2004, 15:25
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
border-collapse:collapse
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #7 (permalink)  
Antiguo 27/12/2004, 04:01
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
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
  #8 (permalink)  
Antiguo 27/12/2004, 06:12
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
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>
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #9 (permalink)  
Antiguo 27/12/2004, 10:15
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
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
  #10 (permalink)  
Antiguo 01/01/2005, 05:33
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 8 meses
Puntos: 2
prueba esto

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 :)
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #11 (permalink)  
Antiguo 03/01/2005, 09:18
 
Fecha de Ingreso: enero-2004
Mensajes: 61
Antigüedad: 13 años, 10 meses
Puntos: 0
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" >
__________________
gracias

http://www.registradorascmp.com
  #12 (permalink)  
Antiguo 03/02/2005, 04:12
Avatar de txiripindo  
Fecha de Ingreso: noviembre-2003
Ubicación: Pamplona - Navarra
Mensajes: 36
Antigüedad: 14 años
Puntos: 1
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í.
  #13 (permalink)  
Antiguo 03/02/2005, 07:42
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 8 meses
Puntos: 2
me deje algo

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;
  
  }
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.

Última edición por Durgeoble; 03/02/2005 a las 07:47
  #14 (permalink)  
Antiguo 09/03/2005, 02:29
(Desactivado)
 
Fecha de Ingreso: febrero-2005
Ubicación: Azcapotzalco
Mensajes: 299
Antigüedad: 12 años, 10 meses
Puntos: 2
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
  #15 (permalink)  
Antiguo 11/03/2005, 19:03
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
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'
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 14:12.