Sito con i div

[Tristal]

Ciao a tutti!

Sto realizzando una pagina web con i div, ecco l'esempio

http://www.ebol.it/test/prova/default.html

abbiamo l'immagine grande in alto, e altre 3 piccole sotto..queste piccole le vorrei al centro sovrapposte a quella grande... non riesco a centrarle

questo è lo script:

<style type="text/css">
#container {
width: 950px;
height:800px;;
margin:0 auto;
background-color:#ccc;
position:relative;
}
#header {
position:absolute;
left:0;
top: 0;
width: 800px;
height: 350px;
z-index:1;
}

#sposa {
width: 200px;
height: 280px;
position:absolute;
left:0;
top: 300px;
z-index:2;
}

#cerimonia {
width: 200px;
height: 280px;
position:absolute;
right:0;
top: 300px;
z-index:2;
}

#uomo {
width: 200px;
height: 280px;
position:absolute;
right:0;
top: 250px;
z-index:2;
}

</style>

[Simonetta72]

A parte che le immagini non le hai caricate sul server...
Se vuoi una sovrapposizione l'immagine "grande" deve essere lo sfondo del div id=header (se ho ben capito cosa vuoi).

[Tristal]

no, la sovrapposizione c'e' già, non avevo caricato le immagini perchè dal bordo si capiva lo stesso, ora le ho pubblicate.

a me interessa dare la posizione alle 3 immagini piccole(bianca, marrone, rosa), le voglio al centro allineate, cosa devo modificare qua:

#sposa {
width: 200px;
height: 280px;
position:absolute;
left:0;
top: 300px;
z-index:2;
}

#cerimonia {
width: 200px;
height: 280px;
position:absolute;
right:0;
top: 300px;
z-index:2;
}

#uomo {
width: 200px;
height: 280px;
position:absolute;
right:0;
top: 250px;
z-index:2;
}

[Vincent.Zeno]

Tristal,
ti ricordo che si tenuto, come tutti, all'uso del tag CODE per postare codice

sposto in css

[Tristal]

Pardon! Non credevo fosse obbligatorio...

[Tristal]

Per rendere meglio l'idea, ecco un esempio

http://livedemo00.template-help.com/wt_38026/index.html

[Simonetta72]

Per capire, vuoi qualcosa del genere?

[Simonetta72]

Allora, visto che hai usato il posizionamento assoluto, puoi fare qualcosa del genere:

#sposa {
  width: 200px;
  height: 280px;
  position:absolute;
  left:155px;
  top: 300px;
  z-index:2; }

#cerimonia {
  width: 200px;
  height: 280px;
  position:absolute;
  left:375px;
  top: 300px;
  z-index:2; }

#uomo {
  width: 200px;
  height: 280px;
  position:absolute;
  left:595px;
  top: 300px;
  z-index:2; }

con le distanze pari a:
155-200-20-200-20-200-155

[Tristal]

E' perfetto!! Grazie mille!!!!