Problemas tamaño imágenes

paulkees · #1 (**permalink**) 13/09/2008, 13:23

Hola a todos...

Curiosamente me pasa que tengo una tabla:

Código HTML:

<table style="width:100%;background:#003366;border:0px;padding:0px;border-collapse:collapse;">
  <tbody>
    <tr>
      <td style="border:0px;font-size:0px;padding:0px;">
      <img src="../images/spacer.gif" style="height:4px;" alt=""/>
      </td>
    </tr>
  </tbody>
</table>

y al querer modificar el tamaño de la imagen, por ejemplo "height:8; no me lo toma si en el style del <td> no pongo "font-size:0px;"

La verdad que no entiendo y creo que tiene que ver con lo de DOCTYPE STRICT. Yo lo tengo declarado en mi página de la siguiente forma:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Ojalá alguien me pueda orientar!

Saludos!

Triby · #2 (**permalink**) 13/09/2008, 16:50

Esto es sencillo: si no aplicas una altura específica a un elemento de bloque, este tomará la altura que le corresponda de acuerdo al tamaño la fuente "heredada". Lo que no entiendo es:

1- usas xHTML Strict y haces maquetación con tablas
2- aplicas estilos directamente en las etiquetas y no en CSS
3- usas imágenes para "spacers" en lugar de poner con CSS medidas absolutas en pixeles o márgenes a los elementos que deseas separar

paulkees · #3 (**permalink**) 13/09/2008, 17:11

Hola...

Bueno, comprendo que es mejor css a las tablas... pero estamos aprendiendo de a poco hombre!!!

Paulatinamente estoy renovando todo.

Gracias por tus consejos!!!... aunque nunca está demás unos ejemplos a los puntos que me mencionas.

Saludos.-