botones slideshow

[alvaro_trewhela]

Hola gente de css, tengo una pregunta, estoy haciendo un slideshow, y necesito posicionar los botones derecha e izquiera, y superpuesto a las imagenes

Código HTML:

<div id="contenedor">
 
<div>izq</div>
<div>der</div>
 
    <div id="slideshow">
        <img src="images/1.jpg" />
        <img src="images/2.jpg" />
        <img src="images/2.jpg" />
    </div>
</div>
 

Algo así:



Como se puede lograr, disculpen la ignorancia se las reglas de css pero aun no me manejo mucho con las posiciones.

Saludos, y espero puedan ayudarme.

[ArturoGallegos]

posición absoluta y z-index

[alvaro_trewhela]

Sí eso hice, pero para posicionar los botones tengo que hacerlo a mano? o hay una forma de alinear?

Saludos

[Rafael]

1. La lógica indica que las flechas van por encima del objeto, por lo que tal vez te conviene ponerlas después de las imagenes, no antes. Por supuesto puedes manipular el z-indez, pero es mejor planear.

La posición absoluta es muy flexible.

Código CSS:

.contenedor {position: relative;}
 
.contenedor>.izq {
    position:absolute;   
    top: 50%;
    transform: translateY(-50%);
    left: 0;}
 

Lo equivalente para la derecha.