estadisticas

[destor77]

buenas:
necesito hacer algo así:




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.

[pzin]

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.

Código:

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