Menu con flechitas indicadoras

[PedroDesing]

Hola,

estoy haciendo un menu, donde el estado :hover de los botones presenta la siguiente forma:

http://img833.imageshack.us/img833/8...ga20110503.jpg

http://img852.imageshack.us/img852/4...ga20110504.jpg

Para conseguirlo hago que la imagen de fondo del header, tenga una altura de 13px más por debajo, pero con la misma apariencia del fondo, de forma que parece que ya no pertenece a ese a <div>. Gracias a esto tengo esos 13px para que en el estado :hover aparezca el rectangulo con la flechita hacia abajo.

Que les parece este procedimiento, se entiende? si es necesario pongo el codigo, pero es una pregunta para que me hablen un poco mas sobre el metodo para hacer esto, que para ver fallos de codigo.

No se si usar imagenes y rollover con javascript, o como hacerlo. Ire trabajando en ello y poniendo los avances.

Gracias!

[angelo_024]

puedes poner una imagen con las imagenes de fondo en una sola e ir cambiando el background con cada :hover

[IsaBelM]

como te explican, lo mas conveniente es usar un rollover con css sprites

[PedroDesing]

Muchas gracias, me he informado y lo he hecho de esa forma, funciona muy bien.