Gif para posicionamiento css

[[nightynvid]]

Bueno pues el post no es tanto de programacion pero si es sobre web, hace tiempo encontre un gif que servia como regla para usar en posicionamiento css, lo ponias como background y las marcas quedaban ajustadas con las medidas en pixeles, el problema es que ya no lo encuentro y no tengo la url de donde lo saque, si alguno sabe a que me refiero agradeceria me dieran la direccion donde viene, mientras tanto seguire buscando gracias

[roman]

Empezado por nightynvid

un gif que servia como regla para usar en posicionamiento css

No es que sea yo un experto en esto, ni mucho menos, pero para mi que estas dos cosas no pueden ir juntas en una misma frase. Antes del CSS, todo el maquetamiento (disposición de los elementos en la página) se hacía con tablas y se utilizaban este tipo de artilugios (gifs transparentes para mantener distancias). Con CSS ahora toda la maquetación se hace mediante hojas de estilo que especifican disposición y formato de los elementos de la página.

De cualquier forma, el gif al que te refieres- si es el que estoy pensando -lo puedes hacer con un editor de dibujo que maneje gifs. Sólo hay que crear uno de 1px x 1px transparente. La forma en que se usaba era poniendo las propiedades width y height de la etiqueta <img> de manera que el gis se expandiera las medidas deseadas:

<img src='1px.gif' width='100' height='1'>

Ahora que, si no es esto a lo que te refieres, entonces sería bueno que aclarases más.

// Saludos

[[nightynvid]]

Gracias Roman de hecho si creo que me falto aclarar un poco mas, el problema era que solo recordaba la imagen pero al final buscando entre mis cd's de respaldo lo encontre

la imagen es esta

solo la colocas por ejemplo en una hoja de estilos

body 
{
    background: url('layout_grid.gif') top left no-repeat;
    margin:0 0 0 0;
}

y asi puedes guiarte mejor para posicionar divs y demas elementos

[roman]

Ja, ja, sí, ya veo que nada que ver

De cualquer manera, no sé yo si deba uno conservar esa manía de acomodar todo al pixel.

// Saludos