PDA

Ver la Versión Completa : Aplicar Padding a una tabla con CSS

Alexis De la Cr
01-09-2007, 01:20:35
Estimados Amigos:

Me gustaria saber si es posible hacer que toda una tabla tenga una padding left de X pixeles. Tdodo lo que he intentado me conduce a lo mismo. al Aplicarle un padding, el padding se lo aplica al texto de cada celda en la tabla, y eso no es lo que busco. quiero que toda la tabla tenga un padding de x pixeles con respecto a su contenedor. el otro detalle es que no se le debe aplicar el padding a todas las tablas del documento, solo a una tabla en especifico.

Resulta que todo actualmente se puede hacer con CSS entonces lo que estoy haciendo es migrar mis paginas de un html normal a un formato estructurado.

Les gradecere la ayuda prestada
dec
01-09-2007, 01:25:54
Hola,

Tal vez lo que aplique sea "margin" en lugar de "padding".


<html>
<head>
<style type="text/css">
div#contenedor {
border: solid #000 1px;
}
div#contenedor table {
margin: 1em;
border: solid red 1px;
}
</style>
</head>
<body>
<div id="contenedor">
<table summary="Ejemplo para el ClubDelphi">
<tr>
<td>Nombre</td>
<td>Apellidos</td>
</tr>
<tr>
<td>Juan</td>
<td>Belmonte Alto</td>
</tr>
<tr>
<td>Marcelo</td>
<td>Bosque Florido</td>
</tr>
</table>
</div>
</body>
</html>


Para referirte a una tabla en concreto puedes usar un identificador:


<html>
<head>
<style type="text/css">
div#contenedor {
border: solid #000 1px;
}
table#mitabla {
margin: 1em;
border: solid red 1px;
}
</style>
</head>
<body>
<div id="contenedor">
<table id="mitabla" summary="Uso del padding">
<tr>
<td>Nombre</td>
<td>Apellidos</td>
</tr>
<tr>
<td>Juan</td>
<td>Belmonte Alto</td>
</tr>
<tr>
<td>Marcelo</td>
<td>Bosque Florido</td>
</tr>
</table>
</div>
</body>
</html>