Cómo podemos saber los píxeles?

[samy4ever]

Es decir, como podemos saber los píxeles que ocupa X cosa en una página?

Quiero saber la longitud de mi lista-menu, pero claro, solo tengo:

Código:

#options{
	max-width: 870px;
	text-align: center;
	height: 14px;
	margin: auto;
	margin-top: 14px;
	text-decoration: underline;
}

#options ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 28px;
}
#options ul li{
	height: auto;
	display: inline; 
	padding-right: 42px;
	color: silver;
}

Hay alguna herramiento que permita conocer estos datos?

Es que me gustaría hacer una imagen de background para esto, pero tendría que calcular cuán largo es...

Muchas gracias!

[Raulmmmm]

Pues yo lo que hago es hacer un pantallazo y, luego, en el GIMP, mientras haces la selección te pone abajo cuánto mide. O con la herramienta del compás de GIMP.

Si usas PhotoShop, supongo que habrá algo parecido.

[Mikmoro]

Instala Web Developer en Firefox. En la opción "Information" tienes "Display block size" por ejemplo, que te one en pantalla cada bloque y su tamaño exacto. También tienes varias formas más de ver el tamaño de tus bloques en ese mismo apartado.

[samy4ever]

Gracias pos los comments!!

[Raulmmmm]

¡Qué buena solución Mikmoro! No sabía que la WDT podía hacer eso.

[Daniel Ulczyk]

Independientemente del uso del navegador, aunque sólo disponible para usuarios Windows; podés instalar JR Screen Ruler

Es una herramienta gratuita de sólo 494 Kb que te permite medir cualquier cosa que veas en tu monitor.
Espero te sea útil!