Trucos y preguntas frecuentes sobre diseño en HTML

¿Cómo se pueden crear espacios de dimensiones fijas? Truco de la imagen de 1 pixel.

En muchas ocasiones necesitamos dejar espacios de tamaño fijo en nuestras páginas, sobre todo en lo que se refiere a márgenes, dimensiones de celdas en tablas, el alto de la página, separaciones entre elementos de la página, etc. Para esto es muy útil la imagen transparente de 1 pixel.   

Para crear una imagen de este tipo abriremos un programa de tratamiento de imágenes (Photoshop, FireWorks, etc.). A continuación abrimos un archivo nuevo y le aplicamos un tamaño de 1x1 pixels, y de fondo transparente. Guadamos como "imagen.gif". Ya tenemos nuestra imagen para utilizarla en la página tantas veces como creamos necesarias. Lo único que queda por hacer es darle el largo y el ancho que necesitemos en cada ocasión, sin preocuparnos por su apariencia, pues es transparente.

En la celda de la izquierda hay una imagen transparente. La hemos rodeado de un borde para que se pueda ver. Si no sabes crear una, puedes bajar ésta hacienco clic sobre ella con el botón derecho del ratón y "guardando la imagen como..."