Ayuda con un div de overflow: hidden;

[davape9]

Hasta ahora tenia un div y le ponia en el style: overflow: hidden; el div contenia una tabla mucho mas larga que el div, y abajo ponia dos botones que al hacer clic hacian: document.getElementById('mapa').scrollLeft+=200 y así podia mover la tabla de derecha a izquierda.

Pero ahora me he encontrado con el problema de que debo hacer que la tabla aparezca ya echada 200px hacia la derecha...

¿Hay alguna cosa que se pueda poner en style para que aparezca 200px hacia la derecha ya por defecto?

Gracias!

[RodrigoQ]

Si no te entendí mal, ¿No es algo que puedes lograr aplicandole un margin a la tabla?

[kseso?]

¿ "margin-left: 200px" ?

Sin responsabilidad derivada por la falta de visión (del código o la página)

[davape9]

No, mira, es una cosa así:

http://s1.warstart.es/prueba_warstart.htm

Entra ahí y entenderás a que me refiero.

Dentro de ese div hay una tabla, que es la que se mueve al pulsar en << y en >>.
Esa tabla, no se como hacer que ya aparezca 200 pixeles movida al cargar la página, pero sin usar javascript, osea, poner algo en los estilos o algo así.

Gracias de antemano.

[RodrigoQ]

Probablemente tengas que agregar un evento javaScript que se ejecute al cargar la página.

Con CSS no se si es posible.

[davape9]

Bueno, pues tendre que hacerlo así.

Gracias de todas formas..

[kseso?]

Puedes darle un id (identificador único a la celda que necesites) y en el enlace a esa página ponerlo. (Vamos, lo que se llamaban "anclas", "anchors" o no se cómo más):

En el html:

Código html:

<tr id="foco"... </tr>
 

En los enlaces a esa página:

Código html:

<a href="index.html#foco" ..... </a>
 

Siempre que se acceda a ella desde tus propias páginas y no sea el index del sitio.

[davape9]

Vaya, eso también me viene bien:

Muchas gracias kseso

[kseso?]

De nada.
Hasta la próxima