Foros del Web » Creando para Internet » CSS »

cellpadding y cellspacing en una hoja de estilos

Estas en el tema de cellpadding y cellspacing en una hoja de estilos en el foro de CSS en Foros del Web. ¿Cómo puedo establecer en una hoja de estilos, una clase, por ejemplo .table1, en donde indicar el cellpadding y el cellspacing? He encontrado los comandos ...
  #1 (permalink)  
Antiguo 20/02/2006, 10:57
 
Fecha de Ingreso: mayo-2005
Mensajes: 510
Antigüedad: 12 años, 7 meses
Puntos: 1
Pregunta cellpadding y cellspacing en una hoja de estilos

¿Cómo puedo establecer en una hoja de estilos, una clase, por ejemplo .table1, en donde indicar el cellpadding y el cellspacing? He encontrado los comandos "border-spacing" y "padding", pero esos no me hacen lo mismo q si lo pongo directamente : <table cellpadding="0" cellspacing="0" ...>
Se pueden establecer esos valores con una hoja de estilos?
  #2 (permalink)  
Antiguo 20/02/2006, 11:30
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 12 años, 10 meses
Puntos: 4
esos atributos no estan disponibles para CSS tienes ke colocarlos con html asi como lo pones ahi en tu post

saludos
  #3 (permalink)  
Antiguo 20/02/2006, 11:34
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
cellpadding = td {padding}
cellspacing: = td {margin}

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #4 (permalink)  
Antiguo 20/02/2006, 11:40
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 12 años, 10 meses
Puntos: 4
el se refiere a espacio entre las celdas de una tabla y con esos codigos ke has puesto lo unico ke obtendra es dar espacio entre el texto ke va dentro de una celda

saludos
  #5 (permalink)  
Antiguo 20/02/2006, 16:43
 
Fecha de Ingreso: mayo-2005
Mensajes: 510
Antigüedad: 12 años, 7 meses
Puntos: 1
Vale, entonces tendré q hacerlo con HTML. Pues muchas gracias, es q probaba y probaba y buscaba y buscaba y no conseguí hacerlo... Muchas gracias!!
  #6 (permalink)  
Antiguo 20/02/2006, 17:23
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Se me olvidó mencionar que para que las celdas queden con espacio 0 entre ellas, se usa:

border-collapse: collapse;

A lo que no pude encontrarle solución, es al uso del 'cellspacing' con un valor diferente a cero (0), el cual no me imagino para que lo usarán, de resto todos los atributos HTML para las celdas los pude reemplazar completamente con CSS, un ejemplo:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Una tabla con CSS</title>
</head>
<style type="text/css">
table, tr, td {
border-collapse: collapse;
margin: 0;
padding: 0;
border: 0;
}
table {
width: 100%;
border: 2px solid #FF0000;
}
td {
padding: 5px;
border: 1px solid #FF0000;
}
</style>
</head>

<body>
<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html> 
Saludos
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 20/02/2006 a las 17:36
  #7 (permalink)  
Antiguo 27/03/2006, 01:15
 
Fecha de Ingreso: noviembre-2005
Mensajes: 9
Antigüedad: 12 años, 1 mes
Puntos: 1
Es muy sencillo...


table { border-collapse:collapse; }

td { padding:0px; margin:0px;}

Y listo.

Un saludo.
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:39.