Foros del Web - estadisticas

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - estadisticas (http://www.forosdelweb.com/f53/estadisticas-513996/)

buenas:
necesito hacer algo así:

http://img214.imageshack.us/img214/7681/sshot1vu4.png

la idea es tener una barra y que de acuerdo a la posición del equipo (1 a 8) se vaya elevando o disminuyendo.
Si es 8 que este bien bajo y si es 1 este bien arriba.

El tema es que no se como hacer que la imagen tome el tamaño exacto y cuando el valor sea 0 no se muestre.

Espero que se me haya entendido y que me puedan dar una mano desde ya muchas gracias.

Re: estadisticas

Pues, puedes hacer un div (o un span, o lo que quieras) que tenga algo así:

Código:

.barra{

width:7px;

height:20px; // éste valor, evidentemente, dará la altura y será lo que le dé vida a la estadística

background-color:yellow;

}

Si lo haces con una imagen (por ejemplo, de color amarillo y de medidas 1x1px), solo tendrías que cambiar el width y height en el HTML. Como supongo que estos datos son dinámicos, pues la mejor opción es esta. :arriba:

Código:

<img src="/ruta/imagen.gif" width="7" height="20" />