espacion entre borde y texto

[jotaincubus]

Buen día a todos,

el problema que tengo, o mas bien no es un problema es una inquietud, es que tengo una tabla y esta tiene el siguiente código CSS

Código HTML:

#agenda{
	empty-cells:hide;
	border-collapse: collapse;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background: #7EB0ED;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}

Pero el texto que me sale me queda completamente pegado a los bordes izquierdo y derecho de la celda... Alguien sabe como puedo colocarle 2px a cada lado de la celda para que no me quede el texto todo apretujado ???

Muchisimas gracias por su ayuda...

[JavierB]

Hola jotaincubus

Añade:

Código:

padding: 2px

Tu código se puede reducir bastante poniendo así los bordes:

Código:

border: 2px solid #999999

Saludos,

[Mikmoro]

Algo casi igual lo acaba de responder hace nada muy acertadamente kseso? en este hilo.

http://www.forosdelweb.com/f53/texto...de-div-629449/

[jotaincubus]

Muchas gracias por su ayuda... y gracias por ayudarme a cortar el codigo.

Intento con padding y margin y no me funcionan... sera por que la tabla esta dentro e un <div> ???

Les agradezco su ayuda.

[kseso?]

Iniciado por Mikmoro

Algo casi igual lo acaba de responder hace nada...

jejeje, no se te escapa uno

[Mikmoro]

Iniciado por jotaincubus

Intento con padding y margin y no me funcionan... sera por que la tabla esta dentro e un <div> ???

Lo más probable es que no estés aplicando el padding en el sitio adecuado. Muestra tu código (la tabla y el css) y podremos saberlo.

Iniciado por kseso?

jejeje, no se te escapa uno

Los leo todos

[jotaincubus]

Muchas gracias por su ayuda...

Este es el codigo de la tabla:

Código:

<div>
   <p>Hoy > En la mañana</p>
<table id="agenda" border="1">
  <tr>
    <td align="center"><strong>Hora de Inicio</strong></td>
    <td align="center"><strong>Titulo</strong></td>
    <td align="center"><strong>Descripcion</strong></td>
    <td align="center"><strong>Lugar</strong></td>
    <td align="center"><strong>Fecha de Inicio</strong></td>
    <td align="center"><strong>Fecha de Terminación</strong></td>
    <td align="center"><strong>Telefono</strong></td>
    <td align="center"><strong>Horario</strong></td>
    <td align="center"><strong>Entrada</strong></td>
    <td align="center"><strong>Enlace</strong></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <?php do { ?>
    <tr>
      <td align="left"><?php echo $row_Recordset1['hora_fun']; ?></td>
      <td align="left"><?php echo $row_Recordset1['titulo']; ?></td>
      <td align="left"><?php echo $row_Recordset1['decr']."..."; ?></td>
      <td align="left"><?php echo $row_Recordset1['Lugar']; ?></td>
      <td align="left"><?php echo $row_Recordset1['f_inicio']; ?></td>
      <td align="left"><?php echo $row_Recordset1['f_fin']; ?></td>
      <td align="left"><?php echo $row_Recordset1['tel_info1']; ?></td>
      <td align="left"><?php echo $row_Recordset1['horario']; ?></td>
      <td align="left"><?php 
	if ($row_Recordset1['entrada'] == 0)
	{echo "Libre";}
	elseif($row_Recordset1['entrada'] == 1)
	{echo "Pagada <br>";}
	else
	{echo "";}
	?>	</td>
      <td align="left"><a href="show_event.php?recordID=<?php echo $row_Recordset1['id']; ?>">Leer mas</a></td>
    </tr>
    <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
</table>
   </div>

Y este es el codigo CSS:

Código:

#agenda{
	empty-cells:hide;
	border-collapse: collapse;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background: #7EB0ED;
	border: 2px solid #999999;
	padding: 2px;
	}

Muchas gracias por su colaboración...

[Mikmoro]

Para evitarte lios, en este caso debes aplicar un cellpadding a la tabla

<table id="agenda" border="1" cellpadding="2px">

[jotaincubus]

Muchísimas gracias, excelente... no tengo como agradecerte me funciono perfectamente...