Caja de logos

[bNd170]

Muy buenas gente, hacía ya algún tiempo que no necesitaba de la sabiduría colectiva de estos foros, últimamente encuentro todo por internet bastante rápido.

Bueno, mi duda ésta vez es que necesito y que parámetros son esenciales para hacer una especie de "slider" de logotipos, en este caso son logotipos de empresas, los cuales van en un div y que a los lados tiene dos flechitas para mover los logotipos y dejar ver los que desde inicio estaban ocultos.

Ésto lo he visto en varias webs de personajes o jugadores profesionales con patrocinadores personales pero no entiendo bien como estructurar el HTML ni que valores de CSS otorgarle.

¿Alguien tiene por ahí algún tutorial, de como hacer este tipo de cosas?

¡Gracias de antemano!

[pzin]

Normalmente los sliders se hacen con un elemento de tamaño fijo y posición relativa, con overflow oculto, y un elemento interno con posición absoluta que se va moviendo con javascript cambiando su propiedad left.

[bNd170]

Bien, hasta aqui lo tenía claro, me ocurre una cosa que llevo días dándole vueltas y aun no he conseguido solventar.

Las imagenes dentro del div interno (El que hace la animación de movimiento) se alinean hasta un numero máximo, en este caso son tres, la cuarta imagen hace una especie de breaklane y se alinea debajo del resto...

¿A que puede deberse esto?

Código CSS:

div#header div#spolier_sponsors div#sponsors_box { float: left; width: 350px; height: 100px; margin: -35px 15px 0px 15px; position: relative; overflow: hidden; }
        div#header div#spolier_sponsors div#sponsors_box div#box { height: 100px; position:absolute; }
 

Esos son los estilos para la caja contenedora y el box de movimiento.

[pzin]

Tendrás que darle un ancho al elemento que contiene todos los logos que sea igual al ancho del logo multiplicado por el número de logos —en caso de que se vea siempre un logo.