cellpadding y cellspacing en una hoja de estilos

AnDrEa MM · #1 (**permalink**) 20/02/2006, 10:57

¿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?

ZydRick · #2 (**permalink**) 20/02/2006, 11:30

esos atributos no estan disponibles para CSS tienes ke colocarlos con html asi como lo pones ahi en tu post

saludos

baccxus · #3 (**permalink**) 20/02/2006, 11:34

cellpadding = td {padding}
cellspacing: = td {margin}

Saludos

ZydRick · #4 (**permalink**) 20/02/2006, 11:40

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

AnDrEa MM · #5 (**permalink**) 20/02/2006, 16:43

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!!

baccxus · #6 (**permalink**) 20/02/2006, 17:23

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

rageor · #7 (**permalink**) 27/03/2006, 01:15

Es muy sencillo...

table { border-collapse:collapse; }

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

Y listo.

Un saludo.