Hola que tal tengo un problema, quiero hacer en un div centrado horizonalmente, una foto central grande y alrededor de esta imagenes. A continuacion comparto una foto con la idea masomenos. Entonces mi idea es hacer un contenedor con la foto principal de fondo y dentro de este contenedor centrado con posicion relative.
Dentro del contenedor varios divs en posicion absoluta con la imagen dentro del div. En el dreamweaver se ve ok pero cuando lo veo en el explorador todas los thumbs jpg que ubique en posicion absoluta se cargan en fila hacia abajo y no le da bola al css.
el codigo abreviado es algo asi para que se den una idea
para el html
Código:
<div id="quiecont">
<div id="1"><img src="images/1.png" width="123" height="145" /></div>
<div id="2"><img src="images/2.png" width="152" height="105" /></div>
</div
para el css
Código:
#quiecont{
width:920px;
height:650px;
position:relative;
background-image:url(../images/fotodefondo.jpg);
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top: 0;
margin-bottom: 0;
}
#1{
width:123px;
height:145px;
position:absolute;
top: 0px;
left: 0px;
}
#2{
width:152px;
height:105px;
position:absolute;
top: 0px;
left: 152px;
}