Padding entre tablas?

_F3R_ · #1 (**permalink**) 14/10/2009, 15:11

Hola gente, estoy haciendo una web con tablas y no puedo darle padding a una tabla..
Por eje:

Código:

1-<table width=200px>
<tr>
<td> contenido>
</tr>
2-<table class="tdbody" width=200px>
<tr>
<td> contenido>
</tr>

Yo a la tabla 2 le puse

Código css:

Ver original.tdbody{
background-color:#202020;
padding-top:20px;}

pero no pasa nada

deirdre · #2 (**permalink**) 14/10/2009, 16:44

No entiendo bien lo que haces ni lo que quieres hacer, porque en tu código tienes varios errores. Prueba esto:

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=utf-8" />
<title>Tabla + tabla</title>
<style type="text/css">
.tdbody {
	background-color: #202020;
	margin-top: 20px; /*cambia  padding por margin */
}
</style>
</head>

<body>
<table width="200px">
	<tr>
		<td>contenido</td> <!--aquí falta el cierre de td-->
	</tr>
</table> <!--aquí falta el cierre de table-->

<table class="tdbody" width=200px>
	<tr>
		<td>contenido</td> <!--aquí falta el cierre de td-->
	</tr>
</table> <!--aquí falta el cierre de table-->

</body>

</html>

Si no es esto, pon tu código arreglado y pregunta lo que quieres obtener.

Bye

cristian_cena · #3 (**permalink**) 15/10/2009, 12:06

Así funciona el asunto, pruébalo:

En head:
<style>
table tr td {padding:/*valor en px, em, etc. ej: 10px*/;}
</style>

En body:
<table>
<tr>
<td>contenido</td>
</tr>
</table>

Saludos!